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

Итак, чего же мы ждем, давайте начнем……

Извините заранее, если я напугаю вас между

Подробно ознакомьтесь со следующими подтемами-

  1. Заголовки —

Итак, заголовки используются для оценки важности текста в HTML-файле. Эти заголовки далее подразделяются на 6 тегов в порядке возрастания их важности.

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

(Примечание. Веб-браузеры автоматически добавляют поля с обеих сторон заголовка)

(ВНИМАНИЕ: не используйте заголовки для регулировки размера текста или просто для того, чтобы он выглядел жирнее или выделялся на фоне содержимого. Единственная цель заголовков как программиста должна состоять в том, чтобы использовать их как заголовок, как веб-браузеры оценивают их только как важные тексты в зависимости от типа тега заголовка, который вы используете.)

Синтаксис -

‹h1›Заголовок 1‹/h1›

‹h2›Заголовок 2‹/h2›

‹h3›Заголовок 3‹/h3›

‹h4›Заголовок 4‹/h4›

‹h5›Заголовок 5‹/h5›

‹h6›Заголовок 6‹/h6›

Здесь элемент h1 используется для указания наиболее важного заголовка вашего документа, а элемент h6 используется для указания наименее важного заголовка.

2. Абзацы —

Как это ни звучит, этот тег используется для того, чтобы любой блок текста выглядел как абзац. Абзац всегда начинается с новой строки и выравнивается одинаково.

Синтаксис -

‹p›Это абзац.‹/p›

(ВНИМАНИЕ: при использовании этого тега вы будете наблюдать, сколько пробелов вы добавите между словами или сколько строк вы добавите по вертикали. Эти строки появятся в виде абзаца)

Чтобы устранить эти проблемы, мы используем несколько тегов, проверьте подтему — 6.

3. Форматирование —

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

Теперь мы проверим некоторые из этих тегов.

  • Жирный — ‹b›жирный‹/b›
  • Курсив — ‹i›курсив‹/i›
  • Highlight — ‹отметить›подсветить‹/отметить›
  • Удалить — ‹удалить›‹/удалить›
  • Вставлено — ‹ins›‹/ins›
  • Подстрочный индекс — ‹sub›‹/sub›
  • Верхний индекс — ‹sup›‹/sup›
  • Двунаправленный — ‹bdo›‹/bdo›

(Элемент del и элемент ins могут привести к тому, что ваш текст будет казаться вставленным или удаленным, но для веб-браузеров они просто используются для обозначения того, что эти слова удалены или вставлены в наш HTML документ)

4. Форматирование (распознается веб-браузером) —

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

Они следующие -

  • Сильный — ‹сильный›‹/сильный›
  • Подчеркнуть — ‹em›‹/em›
  • Маленький — ‹маленький›‹/маленький›
  • Удалить — ‹del›‹/del› (упоминалось ранее)
  • Вставлено — ‹ins›‹/ins› (упоминалось ранее)

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

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

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

(элементы Удалить и Вставленные обсуждались в подтеме — 3)

5. Готовое форматирование —

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

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

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

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

(СОВЕТ: Вы можете использовать в нем атрибут title, так как при наведении курсора мыши на аббревиатуру появится полная форма)

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

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

Они следующие:

  • Блокцитата — ‹блокцитата›‹/блокцитата›
  • q — <q></q>
  • Аббр — ‹аббр›‹/аббр›
  • Адрес — ‹адрес›‹/адрес›
  • Цитировать — ‹цитировать›‹/цитировать›

6. Сломать и исправить —

Разрыв – это пустой элемент без закрывающего тега, который используется для разрыва предложения и последующего появления строк после разрыва в следующей строке.

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

  • Перерыв — ‹br›
  • Фиксированный — ‹до›‹/пред›

7. Комментарии —

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

Синтаксис -

‹! — Это комментарий — !›

Итак, это все, я знаю, что это был длинный блог, но поверьте мне, я рассмотрел большую часть того, что вам нужно знать о текстах в HTML. Мои будущие блоги будут охватывать больше таких тем, которые, я уверен, сильно пробудят ваши знания. Кроме того, извините, но я думаю, что достаточно скоро я начну вести блоги и на темы DSA, хотя не уверен в этом, посмотрим, что ждет меня в будущем, извините нас.

Спасибо за чтение и счастливого кодирования !!!