Что такое теги HTML и какие виды тегов существуют

Доброго времени суток, друзья! Сегодня у нас очередная статья, посвященная одной из категорий моего сайта «HTML-путеводитель для новичков».  Наверное, нужно было начинать заполнять эту категорию с написания статьи, что такое HTML или же с этого поста, в котором будет подробно изъяснено, что такое теги html. Но так уж сложилось, что в ней я уже опубликовал несколько полезных материалов, к примеру, о том, как сделать линию средствами HTML или же, как сделать рамку. Ну да ладно, надеюсь, моя оплошность не вынудила вас искать информацию среди других источников.

что такое теги html

Для того чтобы разобраться с тегами давайте для начала вспомним что такое HTML? И так HTML — это англоязычная аббревиатура, расшифровывающаяся как — язык разметки гипертекста. Это стандартный язык, интерпретирующийся всеми современными браузерами, отвечающий за структуру и содержание страницы. Именно с помощью HTML можно указать, как будет выглядеть текст, рисунок или анимация, отображающаяся на интернет странице, а также задать ей местоположение, размер и т.п. Представленный язык разметки включает в себя теги html, являющиеся его основой.

Теги — определенная именованная метка состоящая из символов латинского алфавита, заключенная в угловые скобки (например, <body>).

Это основной элемент HTML документа. Их заполнение должно осуществляться в нижнем регистре, то есть вместо <TITLE> должно быть <title>.

Виды тегов html

Существует два типа тегов — одиночные и парные (контейнеры). Последние являются более распространенными. Все что включено между открывающимся <> и закрывающимся тегом </> называют содержимым контейнера. Как можно заметить внутри закрывающегося тега обязательно нужно ставить слеш, т.е. косую черту «/», находящуюся сразу же после первой угловой скобки. Действие тегов распространяется на заключенную между ними информацию.

Одиночные теги (метки) как можно догадаться состоят из одного html элемента — открывающегося тега (например <img>).

В независимости от вида каждый тег состоит из следующих элементов:

  • открывающаяся угловая скобка (<);
  • имя тега (p, body, br);
  • закрывающаяся угловая скобка (>).

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

Основные теги html

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

Основные парные теги html

  • <html> — сообщает  браузеру о том, что перед ним находится HTML документ.
  • <head> — содержит описание интернет-страницы и является некой емкостью для всех заголовочных элементов html-документа, цель которых - помогать браузерам и поисковым системам в работе с данными.
  • <body> — определяет видимую часть документа.
  • <title> — отвечает за отображение и название документа.
  • <table>, <tbody>, <thead>, <td>, <th> и <tr> — теги, относящиеся к созданию таблиц.
  • <p> — закрытие данного тега сообщает браузерам о том, что текст отображается с новой строки, то есть с нового абзаца.
  • <h> — задает заголовок (h1h6).
  • <br> — тег устанавливающий перевод строки в том месте, где он находится.
  • <b>, <u>, <i> — каждый из тегов по отдельности выделяющий текст жирным, подчеркнутым или  курсивом.
  • <ol>, <ul>, <dl> — теги отвечающее за создание нумерованного или маркированного списка, а также списка определений.
  • <tt>, <kbd> — эффект для текста имитирующий стиль печатной машинки.
  • <strong> — еще один HTML-тег выделяющий текст жирным. В отличии от тега <b> воспринимается поисковыми механизмами как особо выделенный.
  • <marquee> — тег, используемый для создания бегущей строки.
  • <font> — тег, который используется для форматирования текста, но работающий исключительно при использовании специальных атрибутов.
  • <a> — весьма распространенный тег, отвечающий за создание гиперссылки.
  • <cite> — цитирование.
  • <code> — выводит в HTML документе примеры кода.
  • <q> — отвечает за отображение текста заключенного в скобки.
  • <blockqote> — создает отступы с обеих сторон текста.

Основные одиночные теги

  • <meta> — тег содержащий метаинформацию, предназначенную для поисковых механизмов. Внутри него при помощи соответственных атрибутов можно прописать ключевые слова, управление процессом индексации, имя автора, кодировку документа и т. п.
  • <img> — тег, отвечающий за отображение графических элементов (картинки). Используется вместе с обязательным атрибутом <img src="/URL">.
  • <style> — указывает на таблицу стилей CSS. Данный тег задается в теге <head>. HTML документ может состоять из энного количества тегов <style>, задающих странице стилистику в независимости от расположения ее содержимого.
  • <hr> — добавляет горизонтальную линию.

Нажав сочетание клавиш Ctrl+U можно заметить, что весь HTML-документ построен на использовании HTML тегов и атрибутов. Совсем не обязательно запоминать все существующие HTML теги. Для внесения корректировок на сайт достаточно запомнить те, что приведены выше.

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

сообщить об ошибке

Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter

 

Понравилась статья? Угостите админа шаурмой и кофе.
PayPal logo

Комментарии  
Алина
+1 Алина 30.03.2019 13:29
- не парный тег
Ответить | Ответить с цитатой | Цитировать
Александр (StimylRosta)
+1 Александр (StimylRosta) 23.04.2019 10:43
Здравствуйте, Алина!
Какой именно?
Ответить | Ответить с цитатой | Цитировать
Илья
+1 Илья 08.01.2020 18:44
бр

просто у вас в комментариях он заменяется на отступ, видимо.
Ответить | Ответить с цитатой | Цитировать
Добавить комментарий