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




