
- •Html Введение
- •Создание html документов
- •Html заголовки
- •Html элементы
- •5.Html атрибуты
- •6.О важности заголовков
- •Пример 61
- •Пример 62
- •Пример 63
- •Пример 64
- •Пример 65
- •7.Разделение на абзацы
- •Пример 71
- •Пример 72
- •Пример 73
- •Пример 74
- •Пример 75
- •Пример 76
- •8.Оформление html документов с помощью css
- •Пример 81
- •9.Html гиперссылки
- •Пример 91
- •Пример 92
- •Пример 93
- •Пример 94
- •10.Добавление изображений в html документы
- •Пример 101
- •Пример 102
- •Пример 103
- •11.Таблицы
- •Пример 111
- •Пример 112
- •Пример 113
- •Пример 114
- •12. Списки
- •Пример 121
- •Пример 122
- •Пример 123
- •Пример 124
- •13. Html формы
- •Пример 131
- •Пример 132
- •Пример 133
- •Пример 134
- •Пример 135
- •Пример 136
- •Пример 137
- •Пример 138
- •Пример 139
- •Пример 1310
- •Пример 141
- •Пример 142
- •Пример 143
- •Пример 144
- •Пример 145
- •Пример 146
- •16. Секция head
- •17. Элемент script
- •18. Спецсимволы html
- •19.Что дальше?
5.Html атрибуты
HTML элементы могут иметь атрибуты.
Атрибуты задаются в начальном тэге элементов и состоят из имени и значения, например в атрибуте href="http://www.yahoo.com/" href является именем, а http://www. yahoo.com /- значением.
Синтаксис HTML атрибутов
В XHTML значение атрибута обязательно должно помещаться в кавычки, в HTML наличие кавычек не обязательно.
Значение элемента может заключаться как в двойные (") так и одинарные (') кавычки.
Если в значении атрибута имеется слово, тоже заключенное в кавычки, необходимо использовать комбинацию из двойных и одинарных кавычек ("Дмитрий 'Аллигатор' Панин").
В HTML регистр, в котором написано имя атрибута и его значения, неважен (т.е. имя=значение равнозначно ИМЯ=ЗНАЧЕНИЕ), в XHTML имя и значение атрибута всегда должно быть написано в нижнем регистре.
Пример использования атрибутов
С помощью атрибута href элемента <a> Вы можете указать адрес документа, на который будет совершаться переход после щелчка мыши.
С помощью атрибута src элемента <img> Вы можете указать местоположение картинки, которая будет вставлена в HTML документ.
Пример 51
<a href="http://www.booking.com/">booking.com</a>
<img src="Milan.jpg" />
Список стандартных HTML атрибутов
Ниже представлен список стандартных атрибутов, которые присутствуют почти у всех HTML элементов:
Атрибут |
Описание |
accesskey |
Определяет сочетание клавиш для доступа к данному элементу. |
Class |
Определяет имя класса для элемента. |
Id |
Определяет уникальный идентификатор для элемента. |
Style |
Определяет стиль элемента. |
Title |
Содержит дополнительную информацию об элементе (значение данного атрибута отображается при наведении курсора мыши на элемент). |
6.О важности заголовков
Прежде чем остаться на странице и приступить к ее прочтению пользователи обычно бегло пробегают глазами по ее содержимому, проверяя, соответствует ли она их ожиданиям. Обычно заголовки- это первое (и часто единственное), на что они обращают внимание, поэтому неправильное использование заголовков приводит к потере посетителей.
В первую очередь заголовки должны кратко и точно описывать содержимое, которое они озаглавливают (т.е. отрывок текста, описывающий природу России должен быть озаглавлен как "Природа России"). Наиболее важная информация страницы должна располагаться под заголовками большего размера, а наименее важная- под заголовками меньшего размера.
Поисковые системы также используют заголовки для индексации структуры и содержимого веб-страниц, поэтому если Вы хотите, чтобы Ваша страница о Горнолыжном курорте в Сибири находилась в поисковой системе по соответствующему запросу используйте правильные заголовки.
HTML заголовки
Заголовки в HTML определяются тэгами <h1>-<h6>. <h1> определяет заголовок наибольшего размера, а <h6> наименьшего.
Обратите внимание: используйте данные тэги только для создания заголовков. Не используйте их, если Вы хотите сделать текст БОЛЬШИМ или жирным.