Что это такое теги html: Тег | htmlbook.ru — Вебджем.рф | Создание и продвижение сайтов

Содержание

Понятие тега HTML

Тег (мн. теги, иногда тэг) — это элемент языка HTML, с помощью которого выполняется разметка исходного текста веб-страницы. Теги представляют из себя сокращения или аббревиатуры английских слов заключенные в угловые скобки <>, например, тег <p>…</p> сокращение от английского слова paragraph, то есть текст заключенный в данный тег будет распознаваться браузерами, как параграф.

Каждый тег в HTML имеет специальное значение и отвечает за вывод определенных данных. Регистр букв в названиях тегов не имеет значение, например, тег <p>…</p> и тег <P>…</P> — это одно и то же. То есть теги можно записывать и строчными, и заглавными буквами. Раньше общепринятым было, все теги записывать заглавными буквами, чтобы теги отличались от обычного текста. Сейчас такой необходимости нет, так как многие редакторы имеют подсветку синтаксиса.

Классификация тегов

Всего тегов в HTML насчитывается более 90. Как правило, один тег воздействует только на часть документа, например, тег заголовка первого уровня <h2>…</h2>. В таких случаях используются парные теги: открывающий и закрывающий. Открывающий тег (например, <h2>) создает эффект, а закрывающий (</h2>) — прекращает его действие. Как видно из примера, закрывающий тэг всегда имеет вот такой символ (/) — прямой слеш. Такие теги называют парные.

Некоторые теги дают разовый эффект в месте своего появления. Например, тег горизонтальной полосы <HR> или тег отображения картинки <img>. Такие теги не имеют закрывающих тегов. Такие теги называют не парные.

Типы тегов

Кроме того теги подразделяют на несколько типов, которое различаются по выполняем функциям:

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

Это разделение не строгое, поэтому некоторые теги находятся в разных группах. Например, тэги для создания списков <ol> и <ul> относятся и к спискам, и к блочным элементам.

Структура тегов

При загрузке в браузере сами теги не отображаются, но влияют на способ отображения своего содержимого. Если в написание тега допущена ошибка, он игнорируется целиком.

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

Давайте посмотрим на правильную структуру тегов содержащих атрибуты:

<img src=»logo.jpg»>
<a href=»samsebewebmaster.ru»>Сам Себе Вебмастер</a>

Для примера я привел два совершенно разных тега. Первый <img> одинарный — отвечает за вывод изображений, атрибут — src=»logo.jpg». Второй <a>…</a> парный отвечает за создание ссылок, атрибут — href=»samsebewebmaster. ru».

Вывод 1: Атрибуты могут иметь парные и непарные теги.

Вывод 2: Атрибуты могут иметь только открывающие теги, закрывающие теги не имеют атрибутов.

Картинка для разъяснения:

Рисунок 1. Cтрутура тега html

Задача на внимательность и знание синтаксиса HTML

Давайте посмотрим на примере простой веб-страницы, которую мы рассматривали в уроке Введение в HTML:

1 2	Простейшая HTML страница

Тескт веб-страницы.

Задание: Проанализируйте и найдите две ошибки в коде использованного примера.

На этом урок закончен. Теперь вы знаете такое понятие, как Тег языка HTML.

[Всего голосов: 2 Средний: 1.5/5]

Дата обновления: 31.05.2016 — 13:11

метки, HTML тег, коды, хеши

Только и слышно вокруг: «добавьте тэг, исправьте тег, запишите в тэг». А речь об одном и том же теге? Что такое тег для маркетолога?

В данной статье мы рассмотрим html тэги, хэштеги, мета теги, тэги аналитики, теги отслеживания, а на закуску — базовые настройки Google Tag Manager.

1. Что такое HTML теги?

Тэг (англ. tag — метка) это понятие широко-компьютерное. В разных обстоятельствах может обозначать разные объекты.

HTML-теги это элементы компьютерной html верстки сайта. Каждый тег заключён в треугольные скобки, например <p>text</p>.

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

Поэтому html тегов достаточно много. Их правописание (синтаксис) регулируется правилами W2C — организации, «управляющей» интернетом.

Все новейшие тэги относятся к HTML5, стандарту записи пришедшему на смену HTML3 (не путать с CSS3 — это также новейший стандарт для стилей сайтов).

Некоторые HTML тэги состоят из из двух частей: открывающей и закрывающей, как в примере с <p>text</p>. Другие не содержит закрывающего тега, например:

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

Через пробел внутри тэга (то есть между одной пары треугольник скобок) стоят атрибуты тегов, через знак равно указывается значение каждого атрибута. Бывают атрибуты специфические только для определенных тегов, а бывают общие для множества разных тегов.

1.1 Параметры отслеживания внутри HTML тегов

Маркетологу важно разобраться в синтаксисе таких тегов как ссылка <a>, кнопка <button> и форма <form> — поскольку чаще всего с этими тегами связано внедрение на страницу параметров отслеживания.

Параметры отслеживания это функциональная надстройка в теле HTML страницы. На сайте имеется форма заявки:

<form action="/form.php" method="get" >
<input name="email" type="text" >
<button type="submit">Отправить</button>
</form>

Чтобы установить код отслеживания Яндекс метрики, мы можем добавить параметр отслеживания на тег формы или на кнопку отправки. При прочих равных, отслеживание отправки формы – наиболее точный вариант (ведь кто-то может нажать кнопку не заполнив данные, а нам нужна валидная отправка). Поэтому для Яндекс Метрики добавляем параметры onsubmit внутри тега form:

<form action="/form.php" method="get" onsubmit="yaCounter123456.reachGoal('ZAYAVKA'; return true;">
<input name="email" type="text" >
<input name="" type="submit" value="Отправить">
</form>

Синтаксис действия onsubmit можно посмотреть в справке Яндекса. Там же есть варианты добавления параметров на кнопку, ссылку или на выполнение события при перезагрузке страницы.

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

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

2. Мета теги — а это что?

Мета теги на странице сайта — это часть кода сайта (страницы) между тегами <head> code </head>, начинающихся со слова <meta..> или <title>.

Они, во-первых, сообщают интернету, как отображать страницу (какие стили, скрипны, шрифты прикреплены к сайту), во-вторых, помогают поисковикам классифицировать сайт/страницу, ранжировать ее и отображать ссылку при копировании (особенно для соцсетей).

Маркетолога, а точнее SEO-шника, в 2019 интересуют два главных мета тега — тайтл и дискипшн. Ну ок — еще open graph image. Давайте посмотрим на них.

Главные мета теги: title, description.

Keywords больше не актуальны.

Title

Тайтл — это заголовок страницы. Для Яндекса 52 символа с пробелами (если больше — будет обрезано в поисковом сниппете). Тайтл важнее, чем заголовок страницы h2.

Description

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

Open Graph image

Оупенграф изображение — ссылка на картинку, которая отображается при репосте ссылки на статью в социальных медиа. Эта картинка может отсутствовать на самом сайте. Стандартный размет 1200 х 628 пкс. При этом, могут обрезаться края до квадрата: текст нужно писать по центру внутри воображаемого квадрата.

Более подробно я разобрал тайтл и дискрипшн в статье про что такое SEO.

3. Хеш теги на сайте и в соцсети

Hash tag — это когда на странице есть меню, и ссылки (называемые анкорными) с него ведут на подразделы на той же самой странице. Постраничное меню активно используется СЕО-специалистами, поскольку это повышает юзабилити и вовлеченность сайта.

Поэтому для нас — маркетологов — хеш теги на сайте важны, мы ими активно пользуемся. Ставятся они довольно просто:

На нужном тексте прописываем будущую ссылку через # (хеш): #link1 (или другой айди блока, куда ведет ссылка).
Я люблю задавать айди заголовкам h3-h4. В режиме правки кода внутри открывающего тега Н2 прописываем айди: <h3 id=»link1″>…</h3>
Публикуем статью (без публикации у статьи может быть другой URI из-за чего ссылка может не сработать). Бинго!

Хеш теги в Instagram, Вконтакте

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

Люди ищут информацию по ключевым словам — это случай хештегов. Если они ищут конкретного пользователя или сообщество, то они добавляют знак собаки @username — такой тег, это уже ссылка на профиль пользователя (если такой ник-нейм существует).

Кроме того, без хештега невозможно попасть в рубрику Рекомендованное в Инстаграм (увеличенный в 2 раза пост в закладке Поиск). Для этого используйте среднечастотные хештеги (например, «маркетингмосква»).

Вконтакте, например можно делать поиск сразу по юзернейму и ключевому слову:

@php2all #underscores — поиск по тегу «underscores» среди постов ВК сообщества php2all

Теги Ютуб

Теги Ютуб — это точно то же самое, что и хештеги в Инстаграм. Просто в этой сети закрепилась иная терминология.

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

Какие теги добавлять к видео на Ютуб? Смотрите поисковые подсказки Яндекс Вордстат.

4. Тэги ремаркетинга

Тег ремаркетинга — это уже не одно ключевое слово. В строгом смысле это даже не один html-тег, а целый кусок кода (как правило, на javascript).

Этот код генерируется системой контекстной рекламы, например Google Ads или Facebook Ads. Его нужно вставить определённое место в коде сайте, обычно до закрывающего тега </body> (видите, мы уже употребляем «тег» в разных значениях).

Когда на сайте установлен и корректно работает тег ремаркетинга, можно через систему аналитики — например, Яндекс Метрика или Google Analytics — получать отчёты о посещаемости и конверсиях из данных Рекламных систем. Маркетинговые тэги используются для составления аудитории посетителей сайта и для аналитики.

Отдельно по Google Ads скажу, что тег ремаркетинга можно взять из самой рекламной системы, а также сформировать цель (конверсию) и аудитории ремаркетинга внутри Google Analytics и связать их с Google Ads.

Это более профессиональный подход, потому что можно сделать более тонкую настройку аудиторий и ограничиться одним тегом Аналитикс. Однако, рекламщики народ мнительный и иногда — особенно при сложной имплементации конверсий на сайте / в приложении — они предпочитают вести рекламу и использовать «родной» тег отслеживания (если Google Ads — то и тег из Google Ads, а не из Google Analytics).

Как установить тэг от Facebook

Как установить тег ремаркетинга в Google Ads

5. Гугл тег менеджер что за зверь?

Быстро про то, что такое Google Tag Manager (GTM).

GTM — это труба.

На одном конце трубы рекламные системы, Яндекс Метрика, Аналитикс и пр. На другом конце — ваш сайт.

Один раз вы устанавливаете ГТМ в нужном месте сайта, а затем добавляете все необходимые тэги, а также события, которые вы хотите отлеживать, в интерфейсе Google Tag Manager.

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

Все ваши коды разварачиваются на сайте через всего один код Гугл тег менеджера (называется контейнер ГТМ). При этом, не обрушивается сайт, если маркетолог накосячил с внедряемым кодом.

В общем, ГТМ — это очень удобно.

5.1 Как управлять множеством тегов ремаркетинга

Итак мы выясняли, что разные коды (в т. ч. теги) лучше всего объединять и пропускать через Google Tag Manager.

На практике вам надо установить этот тегменеджер на сайт. Он представляет из себя два куска кода — один в <head>, другой в <body>.

Как установить Google Tag Manager на Вордпресс

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

Да, если у вас навороченый сайт с разными шапками (а значит разными header.php) — вам нужно продублировать операцию для остальных шаблонов хедера.

Если у вас лендинг на html — тоже нечего бояться. Открываем код, ищем поиском вначале <head> — сразу после него добавляем первую часто ГТМ. Затем ищем <body> и осторожно добавляем вторую часть.

Как установить тег кол трекинга

6. Теги отслеживания и ЮТМ-метки

Ещё одно значение слова тэг в маркетинге встречается в параметрах передаваемых ссылкой. Это чаще всего ЮТМ-метки (или теги), но бывают и другие параметры отслеживания, например:

JCLID — параметры Google Ads
Параметры Roistat (или других систем сквозной аналитики)
Параметры Яндекс Директ

ЮТМ-метки включает в себя пять пар «параметр — значение». Если этот хвост приписывать любой ссылки в интернете, то указанное значение можно смотреть в различных системах аналитики. Например можно написать: website.com/?utm_source=Facebook

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

Довольно подробный разбор параметров отслеживания читайте в моей статье про UTM-метки.

Ну что, ближе к делу?

Смотрите мое бесплатное видео про воронки продаж Фейсбук и узнайте логику построения рекламного аккаунта, позволившую снизить мне цену заявки на 65%. Получить доступ!

Определение тега HTML | ПКМаг

HTML-код, определяющий каждую структуру HTML-страницы, включая размещение текста, изображений и гипертекстовых ссылок. HTML-теги начинаются с символа «меньше» (<) и заканчиваются знаком «больше» (>

). Эти символы также называются «угловыми скобками». См. HTML.

Теги HTML HTML (внизу) — это код для текстовых абзацев на этой ранней веб-странице. Все теги HTML заключены в символы «меньше» и «больше». HTML Assistant Pro — редактор HTML от Exit 0 Digital Systems (www.exit0.com). См. HTML-редактор.

Истории PCMag, которые вам понравятся

{X-html заменен}

Выбор редакции

ЭТО ОПРЕДЕЛЕНИЕ ПРЕДНАЗНАЧЕНО ТОЛЬКО ДЛЯ ЛИЧНОГО ИСПОЛЬЗОВАНИЯ. Любое другое воспроизведение требует разрешения.
Copyright © 1981-2022. The Computer Language(Opens in a new window) Co Inc. Все права защищены.

Информационные бюллетени PCMag

Наши лучшие истории в вашем почтовом ящике

Подпишитесь на PCMag

Фейсбук (Открывается в новом окне)

Твиттер (Откроется в новом окне)
Флипборд (Открывается в новом окне)
Гугл (откроется в новом окне)
Инстаграм (откроется в новом окне)
Pinterest (Открывается в новом окне)

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

Как мы тестируем Редакционные принципы

(Открывается в новом окне) Логотип Зиффмедиа
(Открывается в новом окне) Логотип Аскмен
(Открывается в новом окне) Логотип Экстримтек
(Открывается в новом окне) Логотип ИНГ

(Открывается в новом окне) Логотип Mashable
(Открывается в новом окне) Предлагает логотип
(Открывается в новом окне) Логотип RetailMeNot
(Открывается в новом окне) Логотип Speedtest
(Открывается в новом окне) Логотип Спайсворкс

(Открывается в новом окне)

PCMag поддерживает Group Black и ее миссию по увеличению разнообразия голосов в СМИ и прав собственности на СМИ.

PCMag, PCMag.com и PC Magazine входят в число зарегистрированных на федеральном уровне товарных знаков Ziff Davis и не могут использоваться третьими лицами без явного разрешения. Отображение сторонних товарных знаков и торговых наименований на этом сайте не обязательно указывает на какую-либо принадлежность или поддержку PCMag. Если вы нажмете на партнерскую ссылку и купите продукт или услугу, этот продавец может заплатить нам комиссию.

О Зиффе Дэвисе(Открывается в новом окне)
Политика конфиденциальности(Открывается в новом окне)
Условия использования(Открывается в новом окне)
Реклама(Открывается в новом окне)
Специальные возможности(Открывается в новом окне)
Не продавать мою личную информацию (откроется в новом окне)

(Открывается в новом окне) доверительный логотип
(Открывается в новом окне)

Что это такое и как их использовать

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

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

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

Что такое элементы HTML?

В HTML элемент — это раздел HTML-документа. Некоторые элементы HTML представляют видимые компоненты веб-страницы, такие как текст, изображения или кнопки, в то время как другие обозначают различные разделы страницы или предоставляют метаинформацию о документе.

В самом коде элементы HTML создаются с помощью тегов. Тег HTML состоит из текста, заключенного в угловые скобки (<>). Например, элемент HTML-абзаца (p) выглядит так:

См. HTML-элементы Pen:

от HubSpot (@hubspot) на CodePen.

Большинство HTML-элементов состоят из трех частей:

Открывающий тег (или открывающий тег) отмечает, где начинается содержимое элемента (
в приведенном выше примере).
Закрывающий тег (или закрывающий тег) отмечает конец содержимого элемента (
выше). Закрывающий тег идентичен открывающему с добавлением косой черты (/) после первой угловой скобки.
Содержимое размещается между открывающим и закрывающим тегами элемента ( Это текст абзаца. выше).

Обратите внимание, что теги HTML не чувствительны к регистру.

Вы можете написать

как

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

Пустые HTML-элементы

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

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

См. HTML-элементы Pen:
by HubSpot (@hubspot) на CodePen.

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

Атрибуты HTML

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

Например, мы можем использовать атрибут стиля , чтобы изменить цвет элемента абзаца.

См. HTML-элементы Pen:

со стилем от HubSpot (@hubspot) на CodePen.

Вложение элементов HTML

Элементы HTML также можно размещать внутри других элементов — это называется вложением и является ключом к сборке HTML-документов.

Возвращаясь к нашему примеру

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

См. HTML-элементы Pen: ссылка внутри абзаца от HubSpot (@hubspot) на CodePen.

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

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

На самом деле все HTML-документы имеют как минимум два уровня вложенности из-за того, как они настроены. HTML-документ обычно имеет следующую структуру:

.
   
  <голова> 
   
   
  <тело> 
   
  
Это пример абзаца.

Давайте распакуем то, что мы здесь видим:. В каждом файле HTML все элементы вложены в тег . Он называется корневым элементом, поскольку содержит все остальные элементы документа.

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

, и т. д.).

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

Чтобы узнать больше о важности вложенности в HTML, ознакомьтесь с нашим вводным руководством по объектной модели документа в HTML.

Блочные и встроенные элементы HTML

При изучении элементов HTML также важно различать блочные и встроенные элементы. Большинство элементов HTML попадают в одну из этих двух категорий.

Элементы уровня блока

Элемент уровня блока создает новый раздел на странице. По умолчанию блочный элемент растягивается, чтобы заполнить 100% области просмотра (т. е. видимой области веб-страницы) и всегда начинается с новой строки.

Общие элементы блочного уровня включают

от

до
(заголовки страниц), ,
(неупорядоченный список),
(нумерованный список) и <дел> .
Вот пример трех блочных элементов на странице с цветным фоном, чтобы показать, как они заполняют пространство.
См. HTML-элементы Pen: элементы уровня блока от HubSpot (@hubspot) на CodePen.
Несмотря на то, что содержимое не занимает всю ширину окна просмотра, блочные элементы охватывают его. Также обратите внимание, что, в отличие от ширины, высота каждого элемента определяется его содержимым.
Элементы встроенного уровня
Элементы встроенного уровня существуют в соответствии с их родительским элементом. И ширина, и высота элемента встроенного уровня задаются его содержимым. Кроме того, элементы встроенного уровня не начинают новую строку, что означает, что вы можете поместить несколько из них в одну строку.
Общие элементы Inline-level включают , , (выделение; элемент выделен курсивом), (элемент выделен жирным шрифтом), <кнопка> и <диапазон> .
Вот еще один пример блочных элементов с некоторыми встроенными элементами, чтобы вы могли увидеть, как эти два типа элементов работают вместе.
См. HTML-элементы Pen: элементы встроенного уровня от HubSpot (@hubspot) на CodePen.
Список тегов HTML
Несмотря на то, что в HTML5 более 100 элементов, вам действительно нужно знать только дюжину или две, чтобы эффективно писать HTML. Также помогает то, что большинство имен тегов описывают, что делает элемент, что облегчает их запоминание.
Вот некоторые распространенные теги HTML, которые вы можете увидеть на веб-страницах:

....
Тег Описание Блочный или встроенный уровень?
… корень документа HTML, который содержит все остальные элементы н/д
<голова>. .. содержит метаданные о HTML-документе н/д
… содержит содержимое страницы HTML-документа н/д
…
создает абзац текста блочный уровень
…
,
…
и т. д. создает заголовок страницы; варианты варьируются от
до
, от самого важного до наименее важного
блочный уровень
встраивает изображение на страницу встроенный уровень
<видео>… встраивает медиаплеер на страницу и отображает видео встроенный уровень
… создает гиперссылку из включенного текста встроенный уровень
… указывает на выделенный текст; выделяет текст курсивом по умолчанию встроенный уровень
. .. указывает на важный текст; выделяет текст жирным шрифтом по умолчанию встроенный уровень

создает разрыв строки встроенный уровень
…
создает упорядоченный список, обычно нумерованный список по умолчанию блочный уровень
…
создает неупорядоченный список, обычно маркированный список по умолчанию блок-уровень
<кнопка>… создает интерактивную кнопку встроенный уровень
…
обозначает область основного содержимого страницы блочный уровень
<заголовок>… обозначает область заголовка страницы блочный уровень
<нижний колонтитул>… обозначает область нижнего колонтитула страницы блочный уровень
. ..
обозначает навигационную область страницы блочный уровень
…
универсальный элемент блочного уровня блочный уровень
… универсальный элемент встроенного уровня встроенный уровень
<название>… содержит заголовок документа, который отображается на вкладке страницы н/д
<стиль>… содержит стиль (в виде CSS) для документа н/д
<ссылка>… сигнализирует о том, что документ HTML использует другой документ; чаще всего используется для ссылки на внешний файл CSS н/д
<мета>… указывает любые другие соответствующие метаданные н/д
Learn HTML Elements
Если подумать, действительно интересно, что каждый веб-сайт и веб-страница, которые вы когда-либо посещали, состоят из нескольких элементов страницы, а также некоторого творческого использования CSS и JavaScript.

Тег	Описание	Блочный или встроенный уровень?
…	корень документа HTML, который содержит все остальные элементы	н/д
<голова>. ..	содержит метаданные о HTML-документе	н/д
…	содержит содержимое страницы HTML-документа	н/д
…	создает абзац текста	блочный уровень
… , … и т. д.	создает заголовок страницы; варианты варьируются от до , от самого важного до наименее важного	блочный уровень
	встраивает изображение на страницу	встроенный уровень
<видео>…	встраивает медиаплеер на страницу и отображает видео	встроенный уровень
…	создает гиперссылку из включенного текста	встроенный уровень
…	указывает на выделенный текст; выделяет текст курсивом по умолчанию	встроенный уровень
. ..	указывает на важный текст; выделяет текст жирным шрифтом по умолчанию	встроенный уровень
	создает разрыв строки	встроенный уровень
…	создает упорядоченный список, обычно нумерованный список по умолчанию	блочный уровень
…	создает неупорядоченный список, обычно маркированный список по умолчанию	блок-уровень
<кнопка>…	создает интерактивную кнопку	встроенный уровень
…	обозначает область основного содержимого страницы	блочный уровень
<заголовок>…	обозначает область заголовка страницы	блочный уровень
<нижний колонтитул>…	обозначает область нижнего колонтитула страницы	блочный уровень
. ..	обозначает навигационную область страницы	блочный уровень
…	универсальный элемент блочного уровня	блочный уровень
…	универсальный элемент встроенного уровня	встроенный уровень
<название>…	содержит заголовок документа, который отображается на вкладке страницы	н/д
<стиль>…	содержит стиль (в виде CSS) для документа	н/д
<ссылка>…	сигнализирует о том, что документ HTML использует другой документ; чаще всего используется для ссылки на внешний файл CSS	н/д
<мета>…	указывает любые другие соответствующие метаданные	н/д

Что это такое теги html: Тег | htmlbook.ru