X Обычно используемые HTML-теги, которые следует знать новичкам

Если вы хотите стать фронтенд-разработчиком, один из самых распространенных советов, который вы получите, — изучить HTML. Язык гипертекстовой разметки, сокращенно HTML, является основой большинства веб-страниц.

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

Серверы читают теги HTML сверху вниз. Нет ограничений на количество HTML-тегов, которые должна иметь веб-страница.

Большинство людей используют термины HTML-теги и элементы как синонимы. Но одинаковы ли они? Технически HTML-элементы и HTML-теги отличаются друг от друга.

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

Атрибуты HTML предоставляют дополнительную информацию об элементах HTML в документе. Атрибуты находятся внутри элементов HTML.

HTML как язык разметки развивался с тех пор, как Тим Бернерс-Ли представил его в 1993 году. В первой версии HTML было 18 тегов. Новые теги добавляются с каждой версией HTML; самым последним обновлением был HTML5 в 2014 году.

Детальное сравнение HTML и HTML5 показывает, что последний имеет семантические теги, такие как , и которые четко описывают содержимое. Сейчас у нас более 100 тегов HTML. Вот некоторые из самых популярных тегов, которые вы должны знать:

Технически DOCTYPE — это не тег, а объявление, сообщающее браузеру, какой тип файла будет загружен. Этот тег сообщает браузеру тип загружаемого HTML.

В HTML5 вы можете объявить свой файл как

Или

 

Примечание. Объявление не имеет конечной метки и не чувствительно к регистру.

Содержание

Тег ….. идет после тега DOCTYPE. Этот тег определяет документ как веб-страницу; каждый другой элемент будет вложен внутри. Тег HTML определяет начало и конец HTML-документа.

Этикетка представлена ​​как;

Content

Основная часть HTML-документа представлена ​​тегом . Этот тег заключен внутри тега и предоставляет общую информацию о веб-странице.

Тег содержит другие теги, которые определяют особенности веб-страницы, такие как заголовок страницы и автор. Содержимое этого тега не отображается на веб-странице

Это синтаксис тега;

 …….. 

Тег объявляет заголовок веб-страницы. Этот тег заключен внутри тега. Метка появится в строке заголовка или на вкладке окна браузера, но не на самой веб-странице.

Синтаксис метки:

HTML Tags for Beginners

Находясь внутри тега, он будет отображаться как;


HTML Tags for Beginners

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

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

Синтаксис метки:

 Content 

Метки для

В документе HTML может быть до 6 тегов заголовков. Каждый из тегов представлен числом от 1 до 6 в виде , , , и .

H1 — самый большой тег заголовка, а H6 — самый маленький.

В HTML-документе теги заголовков могут быть представлены следующим образом:


Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Теги do заключены в .

Например, тег , будет закрыт как;


Тег или просто тег абзаца используется, когда вы хотите структурировать свой контент в абзац. Нажатие кнопки «Ввод» в HTML-документе в редакторе кода не создаст новый абзац.

Если вам нужно более одного абзаца, вы должны использовать в документе несколько тегов. Теги абзаца должны быть заключены в .

Синтаксис знака абзаца:

….some content here….

Если вы хотите иметь четыре абзаца, ваш код будет структурирован следующим образом;


      

Content for first paragraph.

      

Content for the second paragraph.

      

Content for the fourth paragraph.

   

Тег или просто жирный шрифт отформатирует любой контент между началом и концом как жирный.

Жирный тег может быть между заголовками, такими как H1, или даже внутри тега абзаца.

Это примеры полужирного шрифта;

 Bold Tag 

Фраза «Bold Label» будет выделена жирным шрифтом.

 

Пятое издание будет выделено жирным шрифтом.

Метка курсива, отмеченная значком , печатает текст внутри меток курсивом.

Например, если у нас есть

 These are italics 

Слова «это курсив» будут выделены курсивом.

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

Например, если у нас есть;

 underline these words 

Фраза между тегами будет подчеркнута.

Тег center используется для центрирования содержимого документа HTML.

Например, если у нас есть тег h2, написанный как Centering Content in HTML, мы можем центрировать его следующим образом:

Centering Content in HTML

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

Вы можете расширить тег внутри других тегов, таких как заголовки и абзацы;

Learn HTML from experts and be ready for the market

Learn HTML from experts and be ready for the market

Тег разделения, или сокращенно div, — это тег, который позволяет вам группировать различные теги вместе в HTML-документе.

Тегу div можно присвоить «класс» для добавления внешнего стиля с помощью CSS.

Вот как будет представлен div, содержащий теги h1, h2 и параграф.

          

HTML Tags

      

HTML is a markup language………

Акцент или тег используются для выделения определенных слов в HTML-документе.

Содержимое между тегами будет выделено курсивом или курсивом.

Выделенный контент внутри абзаца может отображаться в редакторе кода как;

The meeting will start at 0800 hrs , please keep time

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

Синтаксис внутри тега абзаца будет таким:

 

Ознака субсцрипт или је супротна од ознаке суперсцрипт. Садржај затворен у ознаци ће се појавити испод нормалног реда текста. Савршен пример је писање хемијске формуле воде као Х20.

Синтакса за субсцрипт ознаку ће бити;

Remember that H  2  0 is the chemical formula for water

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

Синтаксис внутри абзаца будет таким:

HTML is the abbreviation of Hypertext Markup Language
There has been an ongoing debate as to whether it is a programming language or not
However, we cannot downplay its importance
HTML has been used in more than 95% of websites today

и

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

Эти два могут отображаться в редакторе кода как;

      
  1. Asia
  2.   
  3. Africa
  4.   
  5. Europe

При отображении в браузере содержимое будет пронумеровано.

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

Синтаксис тега изображения будет следующим:

Содержимое, заключенное в кавычки, представляет исходный URL.

Концовка

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

Поделиться в соцсетях