Тег SMALL

HTML Tag

The tag decreases the text font size making it one size smaller than a document’s base font size (from medium to small, or from x-large to large).

In HTML, the font size is measured by conventional units from 1 to 7. By default, the average font size of the text is three units. Furthermore, the size of the font depends on its type. For example, Arial font is bigger than Times but smaller than Verdana.

The tag usually contains the items of secondary importance such as copyright notices, side comments, or legal notices.

You can put tag into another tag, thus the font of the text is minimized in correspondence with the “depth” of the content.

Syntax

The tag comes in pairs. The content is written between the opening () and closing () tags.

Example of the HTML tag:

html> html> head> title>Usage of the SMALL tag title> head> body> p>The interest rate is only 10%* p> small>* per day small> / body> html>

Result

small tag example

Example of the HTML tag inside a tag:

html> html> head> title>Usage of the SMALL tag title> head> body> h1>Small tag example h1> p>The is a some text. p> div> p> Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book. p> small>This is a small text. small> div> body> html>

Attributes

How to style tag?

Common properties to alter the visual weight/emphasis/size of text in tag:

  • CSS font-style property sets the style of the font. normal | italic | oblique | initial | inherit.
  • CSS font-family property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
  • CSS font-size property sets the size of the font.
  • CSS font-weight property defines whether the font should be bold or thick.
  • CSS text-transform property controls text case and capitalization.
  • CSS text-decoration property specifies the decoration added to text, and is a shorthand property for text-decoration-line, text-decoration-color, text-decoration-style.
Читайте также:  Php вывод таблицы на страницу

Coloring text in tag:

  • CSS color property describes the color of the text content and text decorations.
  • CSS background-color property sets the background color of an element.

Text layout styles for tag:

  • CSS text-indent property specifies the indentation of the first line in a text block.
  • CSS text-overflow property specifies how overflowed content that is not displayed should be signalled to the user.
  • CSS white-space property specifies how white-space inside an element is handled.
  • CSS word-break property specifies where the lines should be broken.

Other properties worth looking at for tag:

  • CSS text-shadow property adds shadow to text.
  • CSS text-align-last property sets the alignment of the last line of the text.
  • CSS line-height property specifies the height of a line.
  • CSS letter-spacing property defines the spaces between letters/characters in a text.
  • CSS word-spacing property sets the spacing between words.

Источник

Html smaller text tag

Тег уменьшает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега уменьшает текст на одну условную единицу. Допускается применение вложенных тегов , при этом размер шрифта будет меньше с каждым вложенным уровнем, но не может быть меньше, чем 1.

На размер шрифта влияет не только заданный атрибут size тега , но и выбор гарнитуры шрифта. Шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров. Для более точного управления размером текста используйте стили.

Синтаксис

Закрывающий тег

Атрибуты

Аналог CSS

      

Большая кошка

Из семейства кошачьих самая большая кошка это совсем не лев, как можно было бы подумать исходя из титула «царя зверей». А уссурийский тигр, вес которого достигает 300 килограмм. Тигр уступает по размерам и весу только другому наземному хищнику, белому медведю.

Результат данного примера показан на рис. 1.

Рис. 1

Рис. 1. Вид текста, оформленного с помощью тега

       
Звоните нам по телефону (416) 555-666-667

Источник

HTML Tag

This is some normal text.

This is some smaller text.

More «Try it Yourself» examples below.

Definition and Usage

The tag defines smaller text (like copyright and other side-comments).

Tip: This tag is not deprecated, but it is possible to achieve richer (or the same) effect with CSS.

Browser Support

Global Attributes

Event Attributes

More Examples

Example

Use CSS to define smaller text:

Default CSS Settings

Most browsers will display the element with the following default values:

Example

Unlock Full Access 50% off

COLOR PICKER

colorpicker

Join our Bootcamp!

Report Error

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

Thank You For Helping Us!

Your message has been sent to W3Schools.

Читайте также:  Управление сессией в php
Top Tutorials
Top References
Top Examples
Get Certified

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Источник

HTML Text Formatting

HTML contains several elements for defining text with a special meaning.

Example

This is subscript and superscript

HTML Formatting Elements

Formatting elements were designed to display special types of text:

  • — Bold text
  • — Important text
  • — Italic text
  • — Emphasized text
  • — Marked text
  • — Smaller text
  • — Deleted text
  • — Inserted text
  • — Subscript text
  • — Superscript text

HTML and Elements

The HTML element defines bold text, without any extra importance.

Example

The HTML element defines text with strong importance. The content inside is typically displayed in bold.

Example

HTML and Elements

The HTML element defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic.

Tip: The tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc.

Example

The HTML element defines emphasized text. The content inside is typically displayed in italic.

Tip: A screen reader will pronounce the words in with an emphasis, using verbal stress.

Example

HTML Element

The HTML element defines smaller text:

Example

HTML Element

The HTML element defines text that should be marked or highlighted:

Example

Do not forget to buy milk today.

HTML Element

The HTML element defines text that has been deleted from a document. Browsers will usually strike a line through deleted text:

Example

My favorite color is blue red.

HTML Element

The HTML element defines a text that has been inserted into a document. Browsers will usually underline inserted text:

Example

HTML Element

The HTML element defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O:

Example

HTML Element

The HTML element defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW [1] :

Example

This is superscripted text.

HTML Exercises

HTML Text Formatting Elements

Tag Description
Defines bold text
Defines emphasized text
Defines a part of text in an alternate voice or mood
Defines smaller text
Defines important text
Defines subscripted text
Defines superscripted text
Defines inserted text
Defines deleted text
Defines marked/highlighted text

For a complete list of all available HTML tags, visit our HTML Tag Reference.

Источник

HTML: tag

totn HTML

This HTML tutorial explains how to use the HTML element called the tag with syntax and examples.

Description

The HTML tag makes text one font size smaller in the HTML document. This tag is also commonly referred to as the element.

Syntax

In HTML, the syntax for the tag is:

 

This is a paragraph and smaller text goes here

Sample Output

 

Attributes

Only the Global Attributes apply to the tag. There are no attributes that are specific to the tag.

Note

  • The HTML element is found within the tag.
  • The tag is used to make the text one size smaller (ie: from x-large to large, large to medium, medium to small).
  • The tag can not make the text smaller than the browser’s minimum font size.

Browser Compatibility

The tag has basic support with the following browsers:

  • Chrome
  • Android
  • Firefox (Gecko)
  • Firefox Mobile (Gecko)
  • Internet Explorer (IE)
  • Edge Mobile
  • Opera
  • Opera Mobile
  • Safari (WebKit)
  • Safari Mobile

Example

We will discuss the tag below, exploring examples of how to use the tag in HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict, and XHTML 1.1.

HTML5 Document

If you created a new web page in HTML5, your tag might look like this:

      

Heading 1

This is a paragraph and smaller text goes here

In this HTML5 Document example, we have created a tag that encloses the text «smaller text goes here». This text would appear one font size smaller than the text «This is a paragraph and».

HTML 4.01 Transitional Document

If you created a new web page in HTML 4.01 Transitional, your tag might look like this:

      

Heading 1

This is a paragraph and smaller text goes here

In this HTML 4.01 Transitional Document example, we have created a tag that encloses the text «smaller text goes here». This text would appear one font size smaller than the text «This is a paragraph and».

XHTML 1.0 Transitional Document

If you created a new web page in XHTML 1.0 Transitional, your tag might look like this:

      

Heading 1

This is a paragraph and smaller text goes here

In this XHTML 1.0 Transitional Document example, we have created a tag that encloses the text «smaller text goes here». This text would appear one font size smaller than the text «This is a paragraph and».

XHTML 1.0 Strict Document

If you created a new web page in XHTML 1.0 Strict, your tag might look like this:

      

Heading 1

This is a paragraph and smaller text goes here

In this XHTML 1.0 Strict Document example, we have created a tag that encloses the text «smaller text goes here». This text would appear one font size smaller than the text «This is a paragraph and».

XHTML 1.1 Document

If you created a new web page in XHTML 1.1, your tag might look like this:

      

Heading 1

This is a paragraph and smaller text goes here

In this XHTML 1.1 Document example, we have created a tag that encloses the text «smaller text goes here». This text would appear one font size smaller than the text «This is a paragraph and».

Источник

Оцените статью