Форматирование текста в HTML



Подчеркивание текста.

Значения этого параметра:

<ins></ins>
<u></u>
Оба параметра используются для выделения важных фрагментов текста, но предпочтительнее использовать первый. При использовании CSS применяют text-decoration: underline.

Пример записи кода:

<html> <head> <title></title> </head> <body> <ins>Этот текст в тегах ins</ins><br> <u>Этот текст в тегах u </u><br> </body> </html>

РЕЗУЛЬТАТ:

Этот текст в тегах ins
Этот текст в тегах u

Текст моноширинным шрифтом.

Значения этого параметра:

<kbd></kbd>
<samp></samp>
<tt></tt>
Данные теги выводят текст моноширинным шрифтом, но предпочтительнее использовать первый.

Пример записи кода:

<html> <head> <title></title> </head> <body> <kbd>Этот текст в тегах kbd</kbd> <samp>Этот текст в тегах samp </samp> <tt>Этот текст в тегах tt </tt> </html>

РЕЗУЛЬТАТ:

Этот текст в тегах kbd
Этот текст в тегах samp
Этот текст в тегах tt

Текст в верхнем и нижнем индексах.

Значения этого параметра:

<sub></sub>Выводят текст ниже уровня строки шрифтом меньшего размера.
<sup></sup>Выводят текст выше уровня строки шрифтом меньшего размера.
Данные теги применяют для вывода математических и химических формул.

Пример записи кода:

<html> <head> <title></title> </head> <body> <i>H<ub>2<sub>SO< ub>4<sub></i><big>&lambda;<sup><i>3</i></sup> - I<sub><i>1</i></sub>&lambda;<sup> <i>2</i></sup> + I<sub><i>2</i></sub>&lambda; - I<sub><i>3</i></sub> = 0 </big> </body> </html>

РЕЗУЛЬТАТ:

Формула серной кислоты:H2SO4


Характеристическое уравнение поверхности второй степени

λ3 - I1λ2 + I2λ - I3 = 0

Тег font и его параметры.

Значения этого параметра:

<font></font>Задают параметры шрифта текста.

faceНазвание шрифтаНазваний шрифтов можно привести несколько, через запятую. В этом случае, если первый указанный шрифт не будет найден, браузер станет использовать следующий по списку.
sizeРазмер шрифта в условных единицах от 1 до 7По умолчанию размер шрифта равен 3.
colorОпределяет цвет текста элемента.Существуют два способа задания цвета: по имени и указанием шестнадцатеричного кода цвета. По умолчанию черный.

Пример записи кода:

<html> <head> <title></title> </head> <body> <p>Простой текст</p><br> <p><font face="Verdana" size=6 color="red">Этот текст красный, размер 6.</font> <p><font face="Arial" size=4 color="#616FD5">Этот текст синий, размер 4. </font> </body> </html>

РЕЗУЛЬТАТ:

Простой текст


Этот текст красный, размер 6.

Этот текст синий, размер 4.

Тег center.

Значения этого параметра:

<center></center>Выравнивает содержимое контейнера по центру относительно родительского элемента.
Пример записи кода:

<html> <head> <title></title> </head> <body> <p><center>Это выровненный по центру текст.</center></p> </body> </html>

РЕЗУЛЬТАТ:

Это выровненный по центру текст.

Совместное использование тегов.

Применять теги можно вместе. Главное соблюдать порядок вложенности. Применим теги strong, font и em вместе

Пример записи кода:

<html> <head> <title></title> </head> <body> < p>Простой текст< /p><br> <p><font color="red">Добавим к тексту красный цвет.</font></p> <p><font color="red"><em>Добавим к тексту красного цвета курсив.</em></font></p> <p><strong><font color="red"><em>Добавим к тексту красного цвета курсив. Добавим тег полужирного начертания.</em></font></strong></p> </body> </html> <head> <title></title> </head>

РЕЗУЛЬТАТ:

Простой текст


Добавим к тексту красный цвет.

Добавим к тексту красного цвета курсив.

Добавим к тексту красного цвета курсив. Добавим тег полужирного начертания.


Далее рассмотрим: "HTML-теги для текста.".