суббота, 24 июля 2021 г.

Атрибуты HTML




 Атрибут HTML предоставляет дополнительную информацию об элементе HTML и дополнительно инструктирует браузер.

Атрибуты помещаются только в открывающий тег, следующий сразу за элементом. Они разделены пробелом и сопровождаются знаком равенства (=). Атрибут также должен включать значение.  Значение следует за знаком равенства и заключено в кавычки. <element name = "value">



Элементы и атрибуты HTML

При включении атрибута с элементом вы также должны включить значение, так как если вы этого не сделаете, атрибут будет бесполезен. Например, если вы хотите выровнять свой абзац, вы должны указать, как абзац должен быть выровнен - ​​по левому краю, по центру или по правому краю.

Вот как могут выглядеть ваш HTML-элемент, атрибут и значение: <p align = "center">



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

При использовании тегов HEADING вы также обнаружите, что вам нужно будет включить атрибут align, чтобы указать выравнивание. В противном случае текст ЗАГОЛОВКИ будет автоматически выровнен по левому краю.



Атрибуты HTML - стандартные

Так же, как существует множество элементов HTML, существует множество атрибутов HTML. И хотя есть много атрибутов, которые можно использовать только с определенными элементами, есть некоторые атрибуты, которые можно использовать со всеми элементами.

Атрибуты HTML - класс и идентификатор

Атрибуты class и ID очень похожи. Они не используются напрямую для форматирования вашего элемента; однако они косвенно используются для форматирования вашего контента с помощью каскадных таблиц стилей, также называемых CSS.

Атрибуты class и ID используются для указания или классификации определенного элемента, такого как элемент таблицы, который должен быть отформатирован определенным образом с помощью CSS. Это позволит вам по-разному форматировать два одинаковых элемента. Вы узнаете больше об атрибутах class и ID в руководстве по CSS.

Это может сбивать с толку, но как только вы закончите учебник по HTML и перейдете к руководству по CSS, все должно встать на свои места.



Атрибуты HTML - Стиль

Атрибут style используется для указания информации о стиле, например шрифтов и т. Д., Для определенного элемента. Например, если вы хотите указать, как должен быть отформатирован конкретный абзац, вы можете сделать это следующим образом:

HTML код
HTML-код, просматриваемый в HTML-документе:
html-строка

<p style = "font-face: arial; font-size: 10pt; color: # FF0000"> Пример абзаца, который можно отформатировать с помощью атрибута Style. </p>

Просмотр в браузере

Если вы хотите указать стиль более чем для одного элемента на вашей веб-странице, вы можете использовать элемент стиля, который будет размещен в разделе HEAD вашей веб-страницы. Или, еще лучше, используйте внешнюю таблицу стилей.

Вы можете узнать все об использовании атрибутов стилей и таблиц в руководстве по CSS.



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

Атрибут TITLE используется для отображения небольших всплывающих подсказок или всплывающего текста, который отображается только при наведении указателя мыши на элемент. Когда вы уберете указатель, всплывающее окно исчезнет.

Вы можете использовать атрибут TITLE с такими элементами, как абзацы, ссылки, заголовки и т. Д.

HTML код
HTML-код, просматриваемый в HTML-документе:
html-строка

<p title = "Это заголовок абзаца"> Это абзац. </p>

Просмотр в браузере

Наведите указатель мыши на текст в «Просмотр в браузере», чтобы просмотреть текст заголовка.

HTML код
HTML-код, просматриваемый в HTML-документе:
html-строка

<a href="http://www.web-source.net" title="Это ссылка на Web-Source.net"> Web-Source.net </a>

Просмотр в браузере

Наведите указатель мыши на ссылку в «Просмотр в браузере», чтобы просмотреть текст заголовка.

Мы рассмотрим атрибуты, используемые для каждого элемента, в оставшейся части этого руководства.

При использовании атрибута title постарайтесь включить наиболее релевантную ключевую фразу для лучшего ранжирования в поисковых системах.



На этом мы завершаем учебник по атрибутам HTML. В следующем разделе мы сосредоточимся на форматировании.

Комментариев нет: