Атрибуты и заголовки

В этом уроке html мы познакомимся с понятием атрибут и научимся создавать заголовки в html-документе.

Для чего же нужны атрибуты? Давайте рассмотрим это на примере абзаца. Как мы уже знаем, абзац в html-коде выделяется с помощью тега <p>. Если абзац выделен тегом <p> без какого-либо атрибута, текст абзаца по умолчанию выравнивается по левому краю. Что же делать если нам необходимо выровнять абзац по центру? Вот в этом случае нам и понадобится атрибут, который отвечает за выравнивание.

За выравнивание отвечает атрибут align с каким то значением. У атрибута выравнивания align может быть три значения:

left - выравнивание по левому краю

right - выравнивание по правому краю

center - выравнивание по центру

Значение атрибуту присваивается с помощью знака равенства, а само значение прописывается в двойных кавычках.

Пример написания:

<p align="center">текст абзаца</p>

Вот на этом наглядном примере хорошо виден смысл атрибута. Он указывает браузеру на более точное отображение данного тега (так как мы хотим его видеть).

На этом с атрибутами мы пока закончим. В дальнейшем с ними мы будем сталкиваться постоянно и будем видеть, как они влияют на тот или иной тег. У каждого тега есть свои атрибуты - одни повторяются, другие уникальны. А так же с тегом может применяться не один, а несколько атрибутов.

Далее поговорим о заголовках - очень важный элемент в HTML-документе. Как же создаются заголовки?

Чтобы создать заголовок в нашем документе нам понадобится специальный тег - тег <h> со специальным индексом. Всего существует шесть разных типов заголовков, отличающихся между собой только размером. И именно номер индекса указывает какого размера будет заголовок:

<h1> - самый крупный заголовок

<h2> - заголовок поменьше

<h3> - еще меньший заголовок

...

<h6> - самый маленький

Примеры написания:

<h1>Название статьи</h1>

<h2>Название главы</h2>

и т.д.

Так же как и тег <p> тег <h> может иметь атрибуты, например атрибут выравнивания align. Выровняем наш заголовок по центру:

 

<h1 align="center">Заголовок статьи</h1>

 

Обязательно проделайте все это самостоятельно в своем файле html, для более лучшего усвоения материала и проверьте результат в браузере.

Следующий урок - текст в html-документе.