✎ Помощь начинающим и профессиональным блоггерам, создание, поддержка сайтов и блогов e-mail siteblogger@inbox.ru icq 353-724-370

Главная ›› Уроки по HTML, HTML5 ›› Атрибуты и заголовки в HTML

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

Данный урок посвящен атрибутам и заголовкам в HTML, которые являются незаменимыми элементами любого HTML документа. Вот почему так важно владеть данным вопросом. В данном уроке разъясняется, что такое атрибут, приводятся примеры работы с атрибутами. Также в уроке рассматриваются заголовки, используемые в HTML, приводятся примеры заголовков.

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

Атрибуты в HTML

Что такое атрибут? Под атрибутом понимается параметр, который придает тегам определенную информацию. Этих параметров может быть неограниченное количество. К примеру, с помощью атрибутов мы можем выровнять текст абзаца по ширине, задать стиль и размер шрифта, задать нужные отступы и т.д. Атрибуты прописываются внутри тегов, после них идет знак равенства, затем в двойных кавычках указываются значения атрибута. Разделяются атрибуты друг от друга точкой с запятой.

Примеры работы с атрибутами

Рассмотрим работу с атрибутами на примерах. Самый простой пример — возьмем тег абзаца <p> с атрибутом «align». Напишем:

<p align="left">Пример выравнивания абзаца по левому краю</p>

Атрибут «align» сообщает браузеру, что данный абзац нужно выровнять по левому краю экрана.

Для тега абзаца также могут быть применены атрибуты:

  • align="center" – выравнивание по центру экрана;
  • align="right" – выравнивание по правому краю;
  • align="justify" — выравнивание текста по ширине экрана.

Теперь усложним задачу — создадим HTML страницу с использованием нескольких разных атрибутов. Пример такой страницы будет иметь следующий код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример страницы с атрибутами в HTML</title>
</head>
<body bgcolor="#dadef9">
<p align="center">Атрибуты в HTML</p>
<p align="justify">Что такое атрибут? Под атрибутом понимается параметр, который придает тегам определенную информацию. Этих параметров может быть неограниченное количество.</p>
</body>
</html>

Атрибут цвета «bgcolor» позволяет нам задать цвет фона страницы. Атрибуты «center» и «justify» выравнивают текст внутри себя, соответственно, по центру и по ширине.

Заголовки в HTML

Для того, чтобы создать заголовок на странице используется специальный тег <h> c индексом. Таких индексов всего шесть — от 1 до 6, они указывают на размер заголовка (<h1> является самым большим заголовком, <h6> — самым маленьким). Для примера создадим веб-страницу, имеющую несколько заголовков. Код этой страницы будет иметь вид:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример страницы с атрибутами и заголовками в HTML</title>
</head>
<body bgcolor="#dadef9">
<h1>Атрибуты в HTML</h1>
<p align="justify">Что такое атрибут? Под атрибутом понимается параметр, который придает тегам определенную информацию. Этих параметров может быть неограниченное количество.</p>
<h2 align="center">Заголовки в HTML</h2>
<p align="justify">Для того, чтобы создать заголовок на странице используется специальный тег <h> c индексом. Таких индексов всего шесть - от 1 до 6, они указывают на размер заголовка...</p>
</body>
</html>

В данном примере у нас имеется два заголовка — заголовок первого уровня здесь не имеет атрибутов, заголовок второго уровня — имеет атрибут выравнивания по центру. После заголовков идут абзацы, которые также имеют свои атрибуты.

Вот по такому принципу работают с атрибутами и заголовками в HTML. Ничего сложного здесь нет. Обязательно следует потренироваться на собственных примерах для того, чтобы закрепить полученную в данном уроке информацию.

Поделитесь ссылкой! Подпишитесь на обновления, чтобы получать новые публикации!

Оставить комментарий

Siteblogger.ru – проект, охватывающий достаточно широкий круг вопросов: создание сайтов и блогов на WordPress, поисковые системы, поисковая оптимизация и продвижение сайтов, способы заработка в сети, эффективные инструменты работы в Интернете и другое. Кроме того, мы оказываем услуги создания сайтов и блогов на WordPress с последующим их продвижением, а также занимаемся настройкой и ведением контекстной рекламы Яндекс.Директ и Google Adwords. По поводу сотрудничества просьба обращаться через контакты, все заявки и предложения будут обязательно рассмотрены. При использовании материалов данного сайта, пожалуйста, указывайте прямую индексируемую ссылку на Siteblogger.ru.

«Как создать и продвинуть свой сайт»

2011–2016 © Siteblogger.ru
Рейтинг@Mail.ru