✅ Теги форматирования текста HTML - Как работает форматирование текста в HTML?

Введение в теги форматирования текста HTML

Введение в теги форматирования текста HTML

Форматирование текста является важной частью современных веб-страниц в Интернете, даже когда мы ограничивались наличием текстовых веб-браузеров, форматированием текста, таким как размер, ориентация и т. Д. В современных версиях HTML существует множество тегов HTML, которые можно использовать для придания тексту нужного вам вида.

Форматирование текста с помощью тегов HTML

Ниже мы обсудим некоторые важные теги HTML, которые используются для форматирования текста:

1. Форматирование текста как полужирного в HTML

У HTML есть два разных тега, чтобы текст был жирным. Один есть, а другой - в то время как оба производят одинаковый результат. Тег является физическим тегом, предназначенным только для отображения текста жирным шрифтом, и он не добавляет значения важности в браузере.

пример

Here is some text in bold.



Here is some text in bold.

Выход :

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

пример

Это важный контент, отформатированный с помощью сильного тега, и это просто
нормально отформатированный текст

Выход:

2. Установка текста курсивом в HTML5

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

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

пример

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

Это содержимое выделено курсивом em, это обычный текст

Выход:

3. Выделение текста с помощью HTML-кода

В ситуациях, когда вы хотите выделить какой-либо текст с эффектом выделения, можно использовать тег. При использовании CSS по умолчанию тег делает фон текста желтым, что позволяет легко привлечь внимание посетителя к этому тексту.

пример

This text uses Mark tag to highlight text on the page

`This text uses Mark tag to highlight text on the page`



This text uses Mark tag to highlight text on the page

Выход:

4. Подчеркивая текст в HTML

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

пример

Это текст с подчеркнутым тегом.

Выход:

5. Текст с зачеркиванием

В тех случаях, когда вам нужно нарисовать горизонтальную линию через текст, можно использовать тег. Тонкая линия тонкая, поэтому текст, который она пересекает, все еще легко читается.

пример

Вот предложение с зачеркнутым текстом.

Выход:

6. Письмо моноширинным шрифтом в HTML

Использование Monospace может быть полезно в ситуациях, когда вы хотите что-то заключить в кавычки или хотите отобразить некоторый код в браузере. Код Monospace, как следует из названия, делает ширину каждого символа одинаковой. Чтобы получить его в браузере, мы должны использовать тег.

пример

lt;html>

Это нормальный текст. Это образец текста в моноширинных шрифтах, аккуратно.

Выход:

7. Подписной текст в HTML

В математике и химии, использование подстрочного индекса является абсолютным требованием во многих случаях. В общих чертах, вы также можете столкнуться с ситуациями, когда подстрочный текст подходит для использования. В HTML любой текст под _{тегом будет работать как индекс в браузере.}

пример

Это обычный текст. _{Заметили что-то другое с этим текстом?}

Выход:

8. Удаленный текст в HTML5

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

пример

Это обычный текст Это текст между тегом del.

Выход:

9. Верхний индекс форматирования текста в HTML5

Текст в ^{теге показан в верхнем индексе.} ^{Это полезно в математике, химии и других местах, где участвует математика.} ^{Вы также можете использовать этот тег при цитировании с добавлением ссылок на странице с помощью.}

пример

Это обычный текст ^{Этот текст написан в верхнем индексе.}

Выход:

10. Увеличение размера текста с помощью HTML-форматирования

В случаях, когда вам нужен текст на экране большего размера, но вы не хотите использовать заголовок или увеличивать размер шрифта с помощью тега, содержимое содержимого между этим тегом будет отображаться с заметно большим размером текста.

пример

Это обычный текст Этот текст в увеличенном размере.

Выход:

11. Уменьшаем текст с помощью HTML

Подобно тегу, вы можете использовать для уменьшения размера текста на экране без использования CSS или заголовков.

Пример:

Это обычный текст, размер этого текста меньше

Выход:

Вывод

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

Теги форматирования текста HTML - Как работает форматирование текста в HTML?

Введение в теги форматирования текста HTML