HTML-форматирование

Форматирование HTML — это процесс форматирования текста для улучшения внешнего вида. HTML дает нам возможность форматировать текст без использования CSS. В HTML много тегов форматирования. Эти теги используются для выделения текста жирным шрифтом, курсивом или подчеркиванием. Доступно почти 14 вариантов того, как текст отображается в HTML и XHTML.
В HTML теги форматирования делятся на две категории:
◦ Физический тег: Эти теги используются для придания визуального вида тексту.
◦ Логический тег: эти теги используются для добавления к тексту некоторого логического или семантического значения.
ПРИМЕЧАНИЕ. Некоторые физические и логические теги могут выглядеть одинаково, но их семантика будет разной.
Здесь мы изучим 14 тегов форматирования HTML. Ниже приведен список форматирования текста HTML.

Это физический тег, который используется для выделения текста между ними жирным шрифтом.

Это логический тег, который сообщает браузеру, что текст важен.

Это физический тег, который используется для выделения текста курсивом.

Это логический тег, который используется для отображения содержимого курсивом.

Этот тег используется для выделения текста.

Этот тег используется для подчеркивания текста, написанного между ним.
<tt>
Этот тег используется для отображения текста в телетайпе. (не поддерживается в HTML5)
<strike>
Этот тег используется для зачеркивания части текста. (Не поддерживается в HTML5)

Он отображает содержимое немного выше обычной строки.

Он отображает содержимое чуть ниже обычной строки.
<del>
Этот тег используется для отображения удаленного контента.
<ins>
Этот тег отображает контент, который добавляется.
<big>
Этот тег используется для увеличения размера шрифта на одну условную единицу.

Этот тег используется для уменьшения размера шрифта на одну единицу по сравнению с базовым размером шрифта.

1) Жирный текст

Элементы форматирования HTML и

HTML-элемент — это физический тег, отображающий текст жирным шрифтом без какой-либо логической значимости. Если вы пишете что-либо внутри элемента ............, оно отображается жирным шрифтом.
См. этот пример:
Напишите первый абзац жирным шрифтом.

Тег HTML — это логический тег, который отображает содержимое жирным шрифтом и информирует браузер о его логической важности. Если вы пишете что-нибудь между ???????. отображается важный текст.
См. этот пример:
Это важный контент, и это обычный контент

Пример

<!DOCTYPE html>
<html>
<head>
<title>элементы форматирования</title>
</head>
<body>
<h1>Объяснение элемента форматирования</h1>
Это важный контент, и это обычный контент
</body>
</html>

2) Курсив

Элементы форматирования HTML и

Элемент HTML — это физический элемент, который отображает заключенное в нем содержимое курсивным шрифтом без какой-либо дополнительной важности. Если вы пишете что-либо внутри элемента ............, оно отображается курсивом.
См. этот пример:
Напишите первый абзац курсивом.

HTML-тег — это логический элемент, который будет отображать заключенное в нем содержимое курсивным шрифтом с дополнительной важностью семантики.
См. этот пример:
Это важное содержимое, которое отображается курсивом.

<!DOCTYPE html>
<html>
<head>
<title>элементы форматирования</title>
</head>
<body>
<h1>Объяснение элемента форматирования курсивом</h1>
Это важное содержимое, которое отображается курсивом.
</body>
</html>

3) Форматирование с пометкой

Если вы хотите пометить или выделить текст, вы должны написать содержимое внутри ..........
См. этот пример:
<h2>Я хочу поставить Метку на твое лицо</h2>

4) Подчеркнутый текст

Если вы пишете что-либо внутри элемента ........., оно отображается подчеркнутым текстом.
См. этот пример:
Напишите свой первый абзац в подчеркнутом тексте.

5) зачёркнутый текст

Все, что написано в элементе <strike>......................</strike>, отображается зачеркнутым. Это тонкая линия, которая пересекает текст.
См. этот пример:
<strike>Напишите свой первый абзац с зачеркиванием<strike>.

6) Моноширинный шрифт

Если вы хотите, чтобы каждая буква имела одинаковую ширину, вы должны написать содержимое внутри элемента <tt>.............</tt>.
Примечание. Мы знаем, что большинство шрифтов известны как шрифты с переменной шириной, потому что разные буквы имеют разную ширину. (например: «w» шире, чем «i»). Моноширинный шрифт обеспечивает одинаковое пространство между каждой буквой.
См. этот пример:
Здравствуйте <tt>Напишите свой первый абзац моноширинным шрифтом.</tt>

7) Надстрочный текст

Если вы поместите содержимое в элемент .............., оно отображается в верхнем индексе; означает, что он отображается на половину высоты символа выше других символов.
См. этот пример:
Привет Напишите свой первый абзац в верхнем индексе.

8) Подстрочный текст

Если вы помещаете содержимое в элемент .............., отображается в нижнем индексе; означает, что он отображается на половину высоты символа ниже других символов.
См. этот пример:
Привет Напишите свой первый абзац в нижнем индексе.

9) Удаленный текст

Все, что находится внутри <del>..........</del>, отображается как удаленный текст.
См. этот пример:
Здравствуйте, <del>Удалите свой первый абзац.</del>

10) Вставленный текст

Все, что находится внутри <ins>..........</ins>, отображается как вставленный текст.
См. этот пример:
<del>Удалите первый абзац.</del><ins> Написать еще один абзац.</ins>

11) Крупный текст

Если вы хотите, чтобы размер шрифта был больше остального текста, поместите содержимое в <big>.........</big>. Это увеличивает на один размер шрифта больше, чем предыдущий.
См. этот пример:
Здравствуйте <big>Напишите абзац более крупным шрифтом.</big>

12) Меньший текст

Если вы хотите, чтобы размер шрифта был меньше остального текста, поместите содержимое в тег .......... Он уменьшает на один размер шрифта по сравнению с предыдущим.
См. этот пример:
Здравствуйте Напишите абзац более мелким шрифтом.