Html теги и атрибуты скачать

Html теги и атрибуты

5. HTML — Атрибуты.
Вы уже знакомы с несколькими html-тегами и их использованием, например теги заголовков. , или тег абзаца. и другие. До сих пор мы использовали их в простейшей форме, но большинство тегов в HTML могут иметь атрибуты, которые являются дополнительными битами информации. Атрибут — используется для определения характеристик html-элемента и помещается внутри открытого тега элемента.

Все атрибуты состоят из двух частей — это имя и значение : Имя — это свойство, которое Вы хотите установить. Например, элемент абзаца. , в примере ниже, содержит атрибут align , который Вы можете использовать для указания выравнивания абзаца на странице. Значение — это значение, которое Вы хотите установить для свойства. Значение атрибута всегда помещается в кавычки.

В приведенном ниже примере показаны три возможных значения атрибута align: left , center и right . Имена и значения атрибутов в HTML не зависят от регистра. Однако консорциум World Wide Web (W3C) рекомендует в своей рекомендации HTML 4 использовать атрибуты и значения атрибутов в нижнем регистре. Пример. Получим следующий результат: Содержание. Основные атрибуты HTML. Существует четыре основных атрибута в HTML, которые могут использоваться для большинства html-элементов (хотя и не для всех):

Атрибут id. Атрибут id html-тега может быть использован для однозначной идентификации любого элемента внутри html-страницы. Существуют две основные причины, по которым Вы можете использовать атрибут id для элемента: Если элемент содержит атрибут id как уникальный идентификатор, то можно идентифицировать только этот элемент и его содержимое. Если на веб-странице (или в таблице стилей) есть два элемента с одним и тем же именем, Вы можете использовать атрибут id для различения элементов, имеющих одно и то же имя.

Таблицу стилей мы обсудим в отдельном самоучителе. Пока же давайте использовать атрибут id для различения двух элементов абзаца, как показано ниже. Атрибут title. Атрибут title — дает название элемента для элемента. Синтаксис для атрибута title аналогичен атрибуту id. Поведение этого атрибута будет зависеть от элемента, который его несет, хотя он часто отображается как подсказка, когда курсор наводится на элемент или когда элемент загружается.

Пример. Получим следующий результат: Теперь попробуйте навести курсор на «Пример заголовка», и Вы увидите, что title, который Вы использовали в вашем коде, выйдет как подсказка курсора. Атрибут class. Атрибут class — используется для связывания элемента со списком стилей и задает класс элементу. Вы узнаете больше об использовании атрибута class, когда изучите CSS (каскадные таблицы стилей).

Так что пока можете это пропустить. Значением атрибута может быть также список имен классов, разделенных пробелами. Например: Атрибут style. Атрибут style — позволяет указывать правила каскадной таблицы стилей (CSS) внутри элемента. Получим следующий результат: На данный момент мы не изучаем CSS, так что давайте продолжим, не беспокоясь о CSS.

Здесь Вам нужно понять, какие существуют html-атрибуты, и как их можно использовать при форматировании содержимого. Атрибуты интернационализации. Существует три атрибута интернационализации в HTML, которые доступны для большинства (хотя и не для всех) элементов XHTML. Атрибут dir. Атрибут dir — позволяет указать браузеру направление потока текста. Атрибут dir может принимать одно из двух значений, которые Вы можете видеть в следующей таблице: Значение Описание ltr Слева направо (значение по умолчанию). rtl Справа налево (для языков, таких как иврит или арабский, которые читаются справа налево).

Пример. Получим следующий результат: Когда атрибут dir используется в теге , он определяет, как текст будет представлен во всем документе. При использовании в другом теге он управляет направлением текста только для содержимого этого тега. Атрибут lang. Атрибут lang — позволяет указать основной язык, используемый в документе, но этот атрибут хранится в HTML только для обратной совместимости с более ранними версиями HTML. Этот атрибут был заменен атрибутом xml:lang в новых xhtml-документах.

Значения атрибута lang — это стандартные двухсимвольные языковые коды ISO-639. Проверьте коды ISO-639 для языка HTML, перейдите по ссылке для получения полного списка кодов языков. Пример. Атрибут xml:lang. Атрибут xml:lang — это XHTML замена для атрибута lang. Значение атрибута xml:lang должно быть ISO-639 кодом страны, которые указаны выше.

Общие атрибуты. Ниже представлена таблица некоторых других атрибутов, которые можно легко использовать со многими html-тегами. Атрибут Опция Функция align right, left, center Горизонтальное выравнивание тегов. valign top, middle, bottom Вертикально выравнивает тегов внутри html-элемента. bgcolor числовые, шестнадцатеричные, RGB значения Помещает фоновый цвет за элемент. background URL Помещает фоновое изображение за элемент. id определяется пользователем Именование элемента для использования с каскадными таблицами стилей. class определяется пользователем Классифицирует элемент для использования с каскадными таблицами стилей. width числовое или процентное значение Задает ширину таблиц, изображений или ячеек таблицы. height числовое или процентное значение Задает высоту таблиц, изображений или ячеек таблицы. title определяется пользователем «Всплывающий» заголовок элементов. Мы ещё увидим соответствующие примеры атрибутов при изучении других html-тегов (полный список html-тегов и связанных атрибутов).

Подборка редакции: