Работаем с текстом на html странице часть 4. Узнаем как подчеркнуть текст, перечеркнуть текст, верхний индекс, нижний индекс.



В этом уроке будем работать c элементами.


<u> </u> Подчёркивание текста.

<s> </s> Перечёркивание текста.

<sup> </sup> Верхний индекс.   

<sub> </sub> Нижний индекс.    




<u> </u> Как подчеркнуть текст на html странице сайта.

Если нам нужно подчеркнуть текст на странице или небольшой отрезок, то мы поместим её между открывающим <u> и закрывающим <u> тегами. Посмотрите ниже на примере и прикреплённой картинке и всё станет ясно.


<u>Вот этот текст подчёркнут полностью </u>,<br>
а здесь только <u>этот кусок</u>.
 

Сохраняем всё это в файле index.html что создавали на первых уроках и открываем в браузере.

Подчёркивание текста на html странице



<s> </s> Как перечеркнуть текст на сайте.

Иногда приходится на некоторых страницах сайта в опредилённых местах приходится применять перечеркивание текста, перейдём к примеру как это делается на веб странице.


<s> Здесь, как и в предыдущем примере перечеркнём всю строку </s>,<br>
а в этой строке перечеркнём слово <s> перечёркивание </s>.
 

Смотрим, что показывает Internet Explorer. Всё что мы поместили между тегами перечёркнуто.

Перечёркивание текста



<sup> </sup> Верхний индекс в html.

Ниже в примере рассмотрим вариант, как можно использовать верхний индекс.


  1 см<sup>2</sup> = 0,0001 м<sup>2</sup>
 

Смотрите, что у нас получилось в браузере. То, что поместили между <sup> </sup> разместилось выше в строке.

Пример верхнего индекса на сайте



<sub> </sub> Нижний индекс в тексте.

Рассмотрим пример из химии.


  H<sub>2</sub>O формула молекулы воды.
 

В браузере видим то, что поместили между <sub> </sub> разместилось ниже в строке.

пример нижний индекс на сайте

Заканчиваем этот урок и приглашаем вас к следующему и завершающему уроку работы над текстом.




Рейтинг@Mail.ru   Яндекс.Метрика