Как мы знаем, HTML предоставляет множество предопределенных элементов, которые используются для изменения форматирования текста. Форматирование можно использовать для установки стилей текста (например, полужирный, курсив, выделение и т. д.), выделения текста, создания надстрочного и подстрочного индекса и т. д.
В этой статье мы обсудим различные теги форматирования в HTML.
- Теги <b>и <strong>. Оба тега используются для выделения текста жирным шрифтом. Текстовое содержимое тега отображается как важная информация на веб-странице.
Синтаксис:
<b> ... </b> <strong> ... </strong>
Пример:
HTML
<!DOCTYPE html><html><head><title>Bold and strong</title></head><body><!--Normal text--><p>Normal Text</p><!--Text in Bold--><p><b>Bold Text</b></p><!--Text in Strong--><p><strong> Strong Text</strong></p></body></html>
Вывод:
- Теги <i>и <em>. Оба тега используются для выделения текста курсивом и акцентом. Оба элемента имеют открывающий и закрывающий теги.
Синтаксис:
<i> ... </i> <em> ... </em>
Пример:
HTML
<!DOCTYPE html><html><head><title>Italic and emphasized</title></head><body><!--Normal text--><p>Normal Text</p><!--Text in Italics--><p><i>The Text inside italic Tag</i></p><!--Text in Emphasize--><p><em>Emphasized Text</em></p></body></html>
Вывод:
- Теги <small>и <big> : Тег <small> используется для установки маленького размера шрифта, тогда как тег <big> используется для установки большого размера шрифта.
Синтаксис:
<small> ... </small> <big> ... </big>
Пример:
HTML
<!DOCTYPE html><html><head><title>Small and Big</title></head><body><!--Text in Normal--><p>Normal text</p><small>The text inside small Tag</small><p><big>The text inside big Tag</big></p></body></html>
Вывод:
- Теги <sup>и <sub>: тег <sup> используется для надстрочного индекса текста, тогда как тег <sub> используется для нижнего индекса текста.
Синтаксис:
<sup> ... </sup> <sub> ... </sub>
Пример:
HTML
<!DOCTYPE html><html><head><title>Superscript and Subscript</title></head><body><!--Text in Normal--><p>Normal Text<!--Text in Superscript--><p><sup>superscript </sup> Text</p><!--Text in Subscript--><p><sub>subscript</sub>Text</p></body></html>
Вывод:
- Тег <ins>и <del>: Тег <ins> используется для подчеркивания текста, помечающего часть как вставленную или добавленную. Он также имеет открывающий и закрывающий теги. Этот тег в основном используется в тексте вместо удаленного текста, тогда как тег <del> используется для удаления текста, он добавляет зачеркивание к тексту.
Синтаксис:
<ins> ... </ins> <del> ... </del>
Пример:
HTML
<!DOCTYPE html><html><head><title>Inserting and deleting</title></head><body><!--Deleting andText in Insert--><b><p>The TajMahal is located in<del>Bombay</del><ins>Agra</ins></p></b></body></html>
Вывод:
- Тег HTML <mark>: Тег <mark> используется для выделения текста. Он имеет открывающий и закрывающий тег.
Синтаксис:
<mark> ... </mark>
Пример:
HTML
<!DOCTYPE html><html><head><title>Highlight</title></head><body><!--Text in Normal--><p>Normal Text</p><!--Text in Highlight--><p><mark>Highlighted Text</mark></p></body></html>
Вывод:
