HTML — это язык Интернета. Веб-страницы, которые вы просматриваете на своем компьютере или телефоне, включая эту, написаны на языке разметки гипертекста с использованием так называемых «тегов HTML». Вы можете думать о HTML как о «скрытом коде», который управляет структурой веб-страницы.
В конечном счете, когда вы изучаете любой новый язык, вы начинаете с простых фраз и строите оттуда. Изучение HTML ничем не отличается. Вы начнете с освоения общих тегов HTML. Это эквивалентно изучению «простых фраз» на разговорном языке. Эти фразы становятся основой, на которой вы строите свои знания и речь, точно так же, как HTML-теги являются основой, на которой вы будете развивать свои навыки веб-разработки.
Формат HTML-тега
Вы можете узнать тег HTML, потому что он окружен символами в начале и конце тега. Между этими двумя символами будет другой текст, который определяет, какой тип HTML-тега пишется. Например, если вы знаете, что «hr» означает горизонтальное правило (или строку), вы должны написать это для тега HTML:
Вы только что написали HTML-тег, который рисует горизонтальное правило на веб-странице.
Большинство тегов HTML идут парами. Они размещаются в начале и в конце раздела текста, чтобы определять содержание, которое они будут содержать. Эти пары тегов составляют элементы HTML. Когда вы узнаете, что а также открывая и закрывая теги, чтобы сделать текст жирным, вы начинаете понимать, как теги HTML влияют на внешний вид текста на веб-странице.
Это предложение будет выделено жирным шрифтом из-за тегов.
Обратите внимание, что закрывающий сильный тег (который обозначает «сильный акцент» и который по умолчанию отображает текст жирным шрифтом) идентичен открывающему жирному тегу, за исключением того, что он включает косую черту в теге. Этот формат используется большинством HTML-теги. Открывающий и закрывающий теги одинаковы, с добавлением косой черты в конце, которая следует за первым. < character.
Комбинации HTML-тегов
HTML-теги часто используются в сочетании. Открывающий и закрывающий теги для выделенного (курсивом) текста и. Добавление тегов курсива к одному слову в примере с полужирным предложением приводит к тому, что слово отображается на веб-странице как жирным шрифтом, так и курсивом.
Это предложение будет выделено жирным шрифтом из-за тегов.
Всякий раз, когда несколько тегов используются вместе в элементе веб-страницы, а некоторые теги появляются внутри других, они называются вложенными тегами HTML. Вы должны помнить, что вложенные теги, которые являются тегами внутри других, должны быть закрыты, прежде чем их содержащие теги могут быть закрыты. Посмотрите на этот пример:
Это текст, который подчеркивается по определенной причине.
Вы должны заметить, что тег открыт внутри
, это означает, что он должен быть закрыт до
появляется закрывающий тег. Думайте о вложенных тегах как о коробках внутри других коробок. Внутренние ящики должны быть закрыты до их наружного применения, содержащие ящики.
HTML-теги и веб-страницы
Существуют десятки тегов HTML в действительном HTML. Некоторые HTML-теги определяют очень распространенные базовые элементы, такие как абзацы, в то время как другие являются более сложными и добавляют больше функциональности, например теги link или «anchor». Список тегов HTML дает снимок многих функций, которые теги могут выполнять на веб-странице с помощью тегов.
Есть также некоторые теги, которые требуются для всех веб-страниц. Когда вы создаете свою первую страницу, вы будете использовать тег, с которого начинается веб-страница; который сообщает браузеру, что отображать в верхней части панели браузера, и где находится вся информация о веб-странице, которая является самой большой частью вашей страницы.
Список HTML-тегов не очень поможет, пока вы не пройдете учебник по HTML, но после этого вы можете использовать HTML-теги для создания своей собственной веб-страницы. Одно замечание, не стоит перегружать количество возможных тэгов HTML. Хотя существуют сотни возможных тегов, реальность такова, что вы, вероятно, будете использовать только несколько из них снова и снова. На самом деле, есть некоторые HTML-теги, которые я никогда не использовал ни разу за десятилетия веб-дизайна!
Устаревшие теги
HTML5 — это текущий стандарт разметки. Некоторые из тегов, которые использовались в более ранних версиях HTML, теперь обрабатываются таблицами стилей в HTML5. Устаревшие теги HTML были удалены из спецификаций HTML. Лучше не использовать устаревшие теги.
Оригинальная статья Дженнифер Крынин. Отредактированный Джереми Жираром 5/2/17
