Урок 5. Атрибуты, линии и комментарии в HTML
Атрибуты HTML.
Атрибуты содержат дополнительную информацию HTML тега и изменяют их. Атрибуты всегда пишутся в открывающем теге и имеют следующую структуру: имя=«значение». Атрибуты имеют значения, значение меняет атрибут.
Рассмотрим на примере:
<p align="center"> Текст выровнен по центру</p>
В примере видно что у тега<p> имеется атрибут align(выровнять), который имеет значение center(по центру). Атрибут выравниванияalign указывает, как будет выровнен текст в документе.
<html> <head> <title>Название сайта</title> </head> <body> <h1 align="center">Заголовок первого уровня выровнен по центру</h1> </body> </html>
Мы не будем рассматривать все атрибуты в HTML, главное вам необходимо понять что такое атрибуты и как они работают.
Комментарии в HTML.
Комментарии в HTML являются вспомогательным инструментом Web-мастера для отображения в коде записей не влияющих на страницу, иными словами Web-мастер оставляет себе заметки, чтобы улучшить читабельность кода и упростить редактирование в дальнейшем. Комментарии не отображаются браузером, но их можно увидеть при просмотре исходного текста страницы.
<!--Пример комментария -->
<!-- является открывающим тегом комментария в котором ставится восклицательный знак (!), после чего идет комментарий, а затем закрывающий тег --> без восклицательного знака.
<html> <head> <title>Название сайта</title> </head> <body> <h1 align="center">Заголовок первого уровня выровнен по центру</h1> <!--Пример комментария--> </body> </html>
Горизонтальные линии в HTML.
Для добавления горизонтальной линии в HTML документ, необходимо прописать тег <hr/>.
Тег <hr/> не имеет открывающего и закрывающего тега, а используется как отдельный элемент.
<html> <head> <title>Название сайта</title> </head> <body> <h1 align="center">Заголовок первого уровня выровнен по центру</h1> <hr/> <!--Линия после заголовка--> <p>Параграф текста</p> <!--Пример комментария--> </body> </html>
Перенос строки в HTML.
За перенос строки в HTML отвечает тег <br/>, так же можно считать единым элементом, но не содержит каких-либо атрибутов.
<html><head> <title>Название сайта</title> </head> <body> <h1 align="center">Заголовок первого уровня выровнен по центру</h1> <hr/> <!--Линия после заголовка --> <p>Здесь пример <br/> переноса строки</p> <p align="center"><b>Параграф текста</b></p> <!--Комментарий при просмотре исходного кода страницы--> </body> </html>
Как вы заметили комментарии абсолютно не видны посетителю страницы, но отображаются при просмотре исходного кода. Комментирование своего кода является хорошей привычкой не забывайте об этом.