Атрибуты и заголовки
В этом уроке 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-документе.
|