HTML

HTML

by Sam Winchester

​HTML

​

Теперь мы знаем, что такое разметка, давай узнаем, что такое HTML. Есть вещи, которые проще показать, чем объяснить. HTML - одна из них.

Всё гениальное просто. Вот как бы выглядел текст этого урока на HTML:

​

​<h1>HTML</h1> <p>Теперь мы знаем, что такое <i>разметка</i>, давай узнаем, что такое HTML. Есть вещи, которые проще показать, чем объяснять. HTML - одна из них.</p> <p>Всё гениальное просто. Вот как бы выглядел текст этого урока на HTML:</p>

​

​h1 - заголовок первого уровня (header 1)

p - абзац (paragraph)

Теги

Тег — это синтаксическая единица языка HTML, которая выделяет или создаёт элемент. Это набор символов, с помощью которого браузер понимает, где элемент создается, начинается и заканчивается. Есть 2 вида тегов: двойные и одинарные.

Двойные теги

Двойные теги показывает начало и конец элемента. Начало элемента обозначается открывающим тегом <…> , а конец - закрывающим </…>.

Двойной тег обязательно должен быть закрыт. Даже несмотря на то, что современные браузеры умеют в некоторых случаях понимать разметку без закрытых тегов, лучше всегда закрывать их.

Одинарные теги

Одинарные теги просто не имеют пары. Примеры: тег переноса строки <br> или горизонтальной линии <hr>.

Старые браузеры требовали закрывать одинарные теги: <br />, сейчас таких браузеров практически не осталось и допустимо использовать оба варианта синтаксиса.

Атрибуты

​Атрибуты — это свойства тега. С помощью них мы задаём параметры тега. Сразу возьмём пример: тег <a> — ссылка. Для задания адреса, куда будет вести эта ссылка, нам понадобится атрибут href. Вот так будет выглядеть ссылка на страницу ITC Вконтакте:

<a href="https://vk.com/itc.digital">ITC Вконтакте</a>

Атрибут указывается внутри тега, значение атрибута указывается внутри кавычек. Атрибуты отделяются друг от друга пробелами. Пример ссылки на страницу ITC, которая откроется в новой вкладке:

<a href="https://vk.com/itc.digital" target="_blank">ITC Вконтакте</a>