Найти в Дзене

Список самых важных тегов HTML

Здравствуйте, дорогие друзья. Сегодня мы рассмотрим список самых важных тегов HTML .

1. <!--...--> — тег для добавления комментариев в документ. Помещённые внутри него теги не интерпретируются браузером.
2.
<!DOCTYPE> — показывает браузеру тип документа, сообщает его версию и язык.
3.
<html></html> — корневой тег, который сообщает браузеру, что это HTML-документ. Все остальные элементы помещаются внутри него.
4.
<head></head>— контейнер, в который помещаются метаданные документа, не видимые пользователям, но считываемые поисковыми роботами: например, <title> или <style>.
5.
<meta> — тег для оформления метаданных документа, используемых браузером для обработки страницы, а поисковиками — для индексации.
6.
<body></body> — тег, обрамляющий видимую пользователям часть документа. Всё, что вы укажите внутри этого контейнера, отобразится на странице. Тег <body> имеет несколько атрибутов, позволяющих управлять цветами.
7.
<title></title>— метатег, который задаёт название страницы, отображаемое на вкладке браузера.
8.
<header></header> — определяет содержимое блока с вводной информацией сайта или группой ссылок.
9.
<h1></h1>......<h6></h6>. — теги заголовков, от самого большого к самому маленькому.
10.
<b></b> — жирный текст без придания важности выделенному фрагменту.
11.
<strong></strong> — расстановка акцентов в тексте путём выделения его фрагментов полужирным начертанием.
12.
<i></i> — выделение текста курсивом без придания важности.
13.
<del></del> — зачёркивает текст, помечая его удалённым.
14.
<s></s> — отображает перечёркнутый текст.
15.
<ins></ins> — подчёркивает текст, визуально выделяя внесённые изменения.
16.
<u> — подчёркивание без дополнительного акцентирования внимания.
17.
<em></em> — расстановка акцентов путём выделения фрагментов текста курсивом.
18.
<mark></mark> — выделение частей текста жёлтым маркером.
19.
<tt></tt> — имитация текста, набранного на печатной машинке.
20.
<small></small> — отображение фрагмента с меньшим кеглем шрифта, чем у остального текста.
21.
<sub></sub> — подстрочное начертание символов.
22.
<sup></sup> — надстрочное начертание символов.
23.
<cite></cite> — оформление цитат.
24.
<address> — добавление контактов или подписи автора. При открытии в веб-браузере выделяется курсивом.
25.
<pre></pre> — вывод не форматированного текста с сохранением пробелов и особенностей переносов.
26.
<p></p> — контейнер для абзаца.
27.
<br> — переносит текст на другую строку без создания абзаца.
28.
<blockquote> </blockquote> — отступы с обеих сторон для оформления цитаты или врезки.
29.
<q></q> — краткое цитирование.
30.
<dl></dl> — контейнер для размещения термина и его определения.
31.
<dt> — добавление термина.
32.
<dd> — добавление определения понятия
33.
<dfn> — выделение термина курсивом. Последующий текст должен раскрывать понятие.
34.
<abbr> — указывает, что текст является аббревиатурой или акронимом. Для добавления пояснения используется атрибут title.
35.
<ol></ol> — список с цифрами.
36.
<ul></ul> — список со значками.
37.
<li> — отметка каждого элемента перечня (цифра или значок в зависимости от типа списка).
38.
<a></a> — добавление гиперссылки в текст. Имеет обязательный атрибут href, в котором указывается ссылка или якорь. Внутри контейнера помещается текст, при нажатии на который происходит переход на другую страницу или другое место на этой же странице.
39.
<code></code> — выделение фрагмента кода с помощью шрифта monospace.
40.
<img></img> — вставка изображения. Имеет атрибут src, который указывает на адрес нужного файла. Есть и другие атрибуты:
41.
<img src="name" align=?> — выравнивание к одной из сторон документа. Например, значение right переместит рисунок в правый край, а left — в левый.
42.
<img src="name" border=?> — позволяет настроить в пикселях толщину рамки вокруг изображения.
43.
<picture></picture> — контейнер для расположения элемента <img> без <source>, который даёт браузеру возможность самостоятельно выбрать подходящую картинку.
44.
<audio></audio> — вставка звукового контента.
45.
<video></video> — вставка видео (поддерживается Ogg, WebM и MP4).
46.
<source></source> — указывает местоположение файла для <video>, <audio> и <picture>
47.
<track> — формирует субтитры для <video> и <audio>.
48.
<object></object> — контейнер, через который встраиваются мультимедийные файлы. Для передачи параметров применяется тег <param>.
49.
<hr> — размещает на странице горизонтальную линию. Имеет несколько атрибутов.
50.
<hr size=?> — устанавливает высоту линии.
51.
<hr width=?> — устанавливает ширину линии.
52.
<hr noshade> — убирает тень у линии.
53.
<hr color=?> — задаёт цвет линии.
54.
<script></script> — определяет выполнение сценария на стороне посетителя сайта. Может содержать сам скрипт или иметь ссылку на внешний источник.
55.
<noscript></noscript> — ограничивает фрагмент документа, в котором скрипт не выполняется.
56.
<table></table> — размещает таблицу. Все остальные теги для форматирования таблиц должны находиться внутри это контейнера.
57.
<thead></thead> — определяет заголовок.
58.
<tbody></tbody> — отмечает тело таблицы.
59.
<td></td> — создаёт одну ячейку.
60.
<th></th> — указывает на заголовок ячейки.
61.
<tr> — создание одной строки.
62.
<tfoot></tfoot> — показывает нижний колонтитул.
63.
<caption></caption> — вставляет подпись. Указывается после тега <table>.
64.
<col> — позволяет указать ширину и другие параметры одной или нескольких колонок.

HTML
HTML

На этом у меня на сегодня всё. Спасибо, что дочитали статью до конца. Также рекомендую подписаться на наш Ютуб-канал ПиМ [ZveKa]. До новых встреч на просторах Яндекс Дзена.

Программируем на Python: 30-ть простых маленьких советов для начинающих

145-ть слов, которые должен знать каждый пользователь

75 слов, которые должен знать каждый геймер

Рекомендуем почитать
Документы, вакансии и контакты