Найти в Дзене

Основы создания страниц на HTML урок 5

Оглавление

Атрибуты

Атрибуты - важная часть HTML страниц. Они отвечают за видимые и невидимые параметры выбранных тегов. Пример использования: <p href="url(https//:www.zen.yandex.ru)" style="color: red" align="center">Ссылка на Яндекс.Дзен красного цвета в центре строки</p>.

Как написано в тексте параграфа: "href" - это ссылка на какую либо страницу, которая откроется при нажатии на текст параграфа, "style" - это атрибут стиля (поддерживающий все команды CSS, которые Вы уже можете начать изучать на этом канале), а "align" - это выравнивание содержимого тега относительно данного блока (об этом Вы узнаете позже) или HTML страницы целиком (это тоже блок).

Атрибуты содержат дополнительную информацию об элементе или теге или изменяют их. Значения атрибутов заключаются в двойные кавычки после знака "равно" (Атрибут="Значение").

! К каждому элементу можно применить определённые атрибуты, но не все.

Сегодня мы рассмотрим атрибут выравнивания и атрибуты размера:

align

Атрибут align отвечает за выравнивание текста. Принимает значения:

"left" - выравнивание по левому краю содержимого данного блока

"right" - выравнивание по правому краю содержимого данного блока

"center" - выравнивание по центру данного блока

... И другие, но мы их рассмотрим немного позже.

width и height

Атрибут width отвечает за горизонтальный размер, а height за вертикальный. Могут принимать значения в пикселях (px), сантиметрах и миллиметрах (cm, mm), относительных величинах (em), процентах от размеров страницы (%) и других (подробнее мы их рассмотрим на курсе по CSS).

href

Атрибут, создающий ссылки на элементе тега. Использование: href="ссылка". Может применяться к любому тегу, а при нажатии на любой дочерний элемент, открывает ссылку на указанный ресурс.

style

Данный атрибут используется для записи команд CSS. Используется как все остальные: style="команды CSS через точку с запятой (;)".

Примеры использования:

<h2 align="right">Некоторый текст</h2>

<hr width="50%" align="center">

Создаётся текст "Некоторый текст" в правой части страницы и ниже линия в половину размера, расположенная по центру страницы.

Пример использования
Пример использования

Практика

Попробуйте использовать атрибуты с написанием разных текстов. Найдите в интернете полный список атрибутов align. Найдите в интернете все значения размеров для атрибутов width и height.

На этом пока всё. Следующая тема: изображения. Всем удачи!