Здравствуйте, дорогие друзья. Сегодня мы рассмотрим список самых важных тегов 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> — позволяет указать ширину и другие параметры одной или нескольких колонок.
На этом у меня на сегодня всё. Спасибо, что дочитали статью до конца. Также рекомендую подписаться на наш Ютуб-канал ПиМ [ZveKa]. До новых встреч на просторах Яндекс Дзена.
Программируем на Python: 30-ть простых маленьких советов для начинающих