Узнай, что такое HTML, и научись распознавать тег и атрибут.
Открыть этот урок в KodokonКогда ты открываешь сайт на телефоне или компьютере, ты пользуешься браузером: это программа, которая отображает веб-страницы (Chrome, Firefox, Safari...). Чтобы понять, что показывать, браузер читает документ, написанный на HTML. HTML расшифровывается как HyperText Markup Language (язык гипертекстовой разметки). Это не язык программирования: он ничего не вычисляет. Это язык описания, который сообщает браузеру, чем является каждый фрагмент содержимого: "это заголовок", "это абзац", "это изображение".
Чтобы описывать содержимое, HTML использует теги. Тег - это ключевое слово, заключённое в угловые скобки < и >. Большинство тегов работают парами: открывающий тег, например <p>, затем содержимое, затем соответствующий закрывающий тег с косой чертой перед именем: </p>. Всё вместе - "открывающий тег + содержимое + закрывающий тег" - называется элементом. Имя p происходит от paragraph (абзац).
<p>Hello!</p>
<p>This is my first paragraph.</p>
<p>The text goes between the two tags.</p>Тег может нести дополнительную информацию, которая называется атрибутами. Атрибут всегда находится внутри открывающего тега, никогда внутри закрывающего. Он записывается как имя="значение": имя атрибута, знак равенства, затем значение в двойных кавычках. Например, атрибут lang указывает язык содержимого, а атрибут id даёт элементу уникальный идентификатор.
<p lang="fr">Un paragraphe écrit en français.</p>
<p lang="en">A paragraph written in English.</p>
<p id="conclusion">A paragraph with an identifier.</p>