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-теги для создания своей собственной веб-страницы. Одно замечание, пусть вас не перегрузит количество возможных HTML-тегов. Хотя существуют сотни возможных тегов, на самом деле вы, скорее всего, будете использовать лишь несколько из них снова и снова. Фактически, есть некоторые HTML-теги, которые мы никогда не использовали ни разу за десятилетия работы в области веб-дизайна!
Устаревшие теги
HTML5 это текущий стандарт разметки. Некоторые теги, которые использовались в более ранних версиях HTML, теперь обрабатываются таблицами стилей в HTML5. Устаревшие теги HTML были удалены из спецификаций HTML. Лучше не использовать устаревшие теги.