Главная›Телефон›Атрибуты html с подробным описанием и использованием. Атрибуты HTML-тегов. Теги и атрибуты
Атрибуты html с подробным описанием и использованием. Атрибуты HTML-тегов. Теги и атрибуты
Теги и атрибуты:
Существует два типа тегов HTML - контейнерные и одиночные, которые всегда заключаются в угловые скобки
<...>.
Контейнерные теги состоят из пары - открывающий и закрывающий тег <...>.... Перед именем закрывающего тега необходимо ставить косую черту (слэш) "/". В закрывающем теге не нужно писать атрибуты присутствующие в открывающем теге!
Одиночные теги менее распространены и состоят лишь из открывающего тега. Пример:
.
Тег может иметь атрибуты и значения атрибутов. Пример:
<тег имя_атрибута_1="значение" имя_атрибута_2="значение">...
. Атрибуты добавляют в тег для расширения или модификации его действий.
Теги и атрибуты
"_blank"
- откроет документ в новом окне. "_parent"
- откроет документ во фрейме-родителе. Если такого нет, откроет в текущем окне. "_top"
- отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, откроет в текущем окне. "_self"
- откроет в текущем окне (по умолчанию для ссылок).
Тег:
[одиночный]
Метаинформация. Служит в основном для поисковых роботов. Атрибуты и значения:
Описание документа. Ключевые слова. Управление процессом индексации. Возможные варианты:
"index"
- возможность индексирования данного документа. Наоборот - "noindex"
"follow"
- возможность индексировать все документы, на которые есть ссылки в данном HTML-файле. Наоборот - "nofollow"
"all"
- одновременное условие 2-ух вышеперечисленных. "none"
- одновременное условие 2-ух первоперечисленных. Наоборот.
Кодировка документа. Указывает, что документ следует перезагружать через 30 с.
"left"
- выравнивание по левому краю. "center"
- выравнивание по центру. "right"
- выравнивание по правому краю. "justify"
- выравнивание теста на всю строчку.
Создает линию без тени. Устанавливает высоту (толщину) линии. Устанавливает ширину линии. Задаёт горизонтальное выравнивание в таблице. Задает линии определенный цвет.
Тег:
[контейнерный]
Задаёт в тексте нижний индекс. Пример: Н
2
O .
Тег:
[контейнерный]
Задаёт в тексте верхний индекс. Пример c 2 =a 2 +b 2 .
Тег:
[контейнерный]
Используется для форматирования текста. Не действует без атрибутов. Возможные атрибуты:
Указывает шрифт. Устанавливает размер текста. От 1 до 7. Задает тексту определенный цвет.
Язык разметки гипертекста H
TML
обладает широким выбором тегов для придания сайту приятного внешнего вида. Со временем начинающий веб-дизайнер понимает, что просто разметить текст недостаточно. Среди современных веб-страниц попадаются настоящие произведения искусства. Мастера по созданию сайтов играют шрифтами текста, размерами и местоположением элементов, как хотят. Именно атрибуты HTML
позволяют присваивать тегам определённые свойства, дополнять и изменять их содержимое.
Атрибуты
Атрибуты прописываются в открывающем теге и состоят из двух частей. Первая — имя, которое пишется через пробел после названия тега. Вторая часть — значение атрибута, которое указывают после знака «=» и заключают в двойные кавычки. Атрибуты HTMLразнятся для разных тегов. Большинство из них выполняет различные задачи, но есть несколько общих атрибутов. Их можно применить ко многим элементам веб-страницы.
Один тег может содержать несколько атрибутов. Они пишутся один за другим и располагаются исключительно в открывающем теге. Закрывающий не может содержать никаких атрибутов.
Универсальные атрибуты элементов HTML
Есть несколько атрибутов, которые можно применить к разным тегам. Они отвечают за расположение элемента на странице, его высоту, ширину, цвет и прочие визуальные эффекты. Один из таких —
Align,
которому можно присвоить значения
right, left
или
center.
Он выравнивает тег по горизонтали, поэтому может оказаться полезным для большинства элементов разметки.
Valign
делает то же самое, но по вертикали. Ему можно присвоить значения
top, bottom
и
middle.
Следующий универсальный атрибут —
bgcolor,
отвечающий за Его значение указывают в виде числового кода, означающего один из цветов
RGB.
Фоном может стать изображение, если воспользоваться атрибутом
background.
Элементу можно задать название, которое будет выводиться на экран при наведении на него. Для этого следует воспользоваться атрибутом
title,
значение которого определяет пользователь. Существует ещё один подобный атрибут, который служит для создания уникального идентификатора элемента. Этот атрибут называется
id
и позволяет создателю сайта задавать стиль для конкретного тега. Для работы с
CSS
используют атрибут под названием
class,
который будет рассматриваться как имя тега в каскадных таблицах стилей. Ширину таблицы, изображения или ячейки можно задать при помощи
width,
а высоту - с помощью атрибута
height.
Есть и другие глобальные атрибуты, но они едва ли понадобятся новичку.
Атрибуты тега HTML
Существует несколько полезных атрибутов, которые оказывают влияние на весь HTML-
документ. Некоторые из них можно применять к отдельным фрагментам, например lang.
Этот атрибут указывает язык текста на веб-странице. Зачем это нужно, если сайт выглядит корректно и без указания языка? На самом деле некоторые символы по-разному отображаются для различных языков. Например, кавычки для английского языка выглядят так - “...”,
а для русского вот так «...». В некоторых случаях использование lang
необходимо, но зачастую можно обойтись и без него. Атрибут xml:lang
выполняет аналогичную функцию, но его применяют в документах XHTML.
Можно задать не только язык документа, но и специальную подсказку. Она выскакивает при наведении курсора на веб-страницу и задаётся с помощью атрибута
title.
Есть ещё один атрибут для тега
,
задающий пространство имён документа
XHTML.
Его название —
xmlns.
Значение сего атрибута является ссылкой —
http://www.w3.org/1999/xhtml
. Никакие другие значения ему присвоить нельзя.
Параметры шрифта CSS
Некоторые атрибуты HTML используют для указания шрифта в CSS.
Первый из них называется font-family.
В нём указывают список шрифтов, которые будут использованы в каком-либо элементе. Значение этого атрибута — название шрифта. Выбранный шрифт можно изменить при помощи font-style.
Этот параметр может сделать шрифт наклонным или отметить его курсивом. Значения — normal
(обычный), italic (курсив) и oblique (наклонный).
Следующий полезный атрибут для каскадных таблиц стилей называется font-variant.
С его помощью можно выделить текст особыми прописными буквами. У font-variant
всего два значения — normal
и small-caps.
Ещё один атрибут для шрифта называется font-weight
и отвечает за толщину текста. Ему можно присвоить значение normal,
если вам нужны буквы стандартной толщины. Для светлого текста следует поставить значение lighter,
а для полужирного — bold.
Жирный текст обозначен в данном атрибуте как bolder.
Можно задавать толщину символов в числовом формате. В этом случае 100 — тонкий шрифт, а 900 — самый толстый вариант. При помощи атрибута font-size
задают размер шрифта. Его можно обозначить в пунктах (pt),
пикселях (px)
и процентах (%). Для того чтобы получить стандартный размер шрифта, задайте этому атрибуту значение normal.
Свойства текста
При помощи грамотного использования атрибутов можно изменять не только шрифт, но и весь текст. Задать можно с помощью атрибута line-height.
Этот параметр задают, указывая точное значение в пикселях, процентное соотношение или множитель. К данному атрибуту применимо значение normal.
Можно добавить красивые эффекты для текста, если в этом есть необходимость. Для этого существует атрибут text-decoration.
Присвойте ему значение none,
если нужно убрать все эффекты оформления. Underline
добавит в а overline -
линию над текстом. Значение blink
сделает текст мигающим, а line-through
перечеркнёт его.
Ещё один полезный атрибут — text-transform.
Если присвоить ему значение capitalize,
то текст будет начинаться с прописных букв. Значение uppercase
сделает все буквы прописными, а lowercase,
наоборот, строчными. Чтобы убрать все эффекты, присвойте этому атрибуту значение none. Н
астроить отступ первой строки поможет text-indent.
Ему можно присвоить значение в пикселях или процентах. Text
-align —
атрибут, отвечающий за выравнивание текста. Возможные значения этого параметра — left, right, center, justify.
Не пытайтесь сразу запомнить основные атрибуты, на начальном этапе вам поможет HTML-справочник.
Теги и атрибуты HTML
Если вы решили освоить искусство создания веб-страниц, вам придётся запомнить множество тегов. Атрибуты HTML не менее важны, так как без них невозможно создать сайт. Умелое использование этих компонентов языка позволит создавать приличные веб-страницы.
Некоторые теги имеют свои уникальные атрибуты, запоминать которые трудно и нецелесообразно. Поэтому даже опытные веб-дизайнеры держат под рукой HTML-справочник. В этом нет ничего зазорного, ведь никогда не знаешь, какой тег или атрибут сегодня понадобится. Однако желательно помнить глобальные атрибуты, которые можно применить к большинству существующих элементов. Для закрепления материала, попробуйте применить полученные знания на практике. Осваивайте язык HTML,
и он принесёт вам массу положительных эмоций, а также солидный доход.
HTML элементы могут иметь атрибуты. Атрибуты предназначены для добавления дополнительной информации об элементе и/или для изменения его стандартного поведения. Атрибуты всегда указываются внутри открывающего тега. В большинстве случаев атрибуты являются необязательными и указываются только при необходимости. Один элемент никогда не должен содержать в себе два и более атрибутов, имеющих одинаковое имя. Синтаксис элемента с атрибутом:
Атрибуты состоят из пары: имя_атрибута="значение"
. Имена атрибутов не чувствительны к регистру символов и могут быть записаны с любым сочетанием строчных и заглавных букв. Значение атрибута может состоять из текста, цифр и других символов (единственным исключением является символ амперсанда (&), его использование запрещено). Дополнительные ограничения на использование различных символов в значении атрибута зависят от способа записи значения. При указании нескольких атрибутов в одном элементе, они должны быть отделены друг от друга символом пробела. Порядок следования атрибутов не имеет значения.
Атрибуты, значения которых совпадают с именем атрибута называют логическими
или пустыми
. Для атрибутов логического типа поддерживается синтаксис, при котором явное указание значения атрибута можно опустить, написав только его имя, в этом случае значением будет являться неявно указанная пустая строка:
Само присутствие в элементе логического атрибута представляет собой значение true
(истина), а отсутствие этого атрибута - значение false
(ложь). Если таковой атрибут присутствует, его значением может быть либо пустая строка, либо значение должно совпадать с именем атрибута.
Ключевые слова и перечисляемые атрибуты
Некоторые атрибуты в качестве значения могут принимать одно ключевое слово из набора допустимых ключевых слов. Такие атрибуты называются перечисляемыми
атрибутами. Каждое ключевое слово соответствует определённому состоянию (некоторые ключевые слова соответствуют одному и тому же состоянию, в этом случае они являются синонимами друг для друга).
Если используется перечисляемый атрибут, то его значение должно совпадать с одним из ключевых слов, заданных для него. Отсутствие значения, например, как в логических атрибутах, не допустимо:
Hello!
Hello!
Примечание:
пустая строка ("") может быть допустимым ключевым словом.
Hello!
Атрибут со значением без кавычек
Синтаксис с опущенными кавычками вокруг значения атрибута подразумевает, что за именем атрибута, после знака "=", будет следовать значение атрибута, которое не должно содержать символов пробела, двойных кавычек ("), апострофов (") и других видов кавычек, символов "=", угловых скобок (< и >), помимо этого, значение не должно являться пустой строкой.
Атрибут со значением в одиночных кавычках (апострофах)
Значение атрибута, взятое в одиночные кавычки, не должно содержать символы апострофов ("), но допускается содержание двойных кавычек (").
Атрибут со значением в двойных кавычках
Значение атрибута, окруженное двойными кавычками, может содержать любые символы, включая апострофы ("), кроме двойных кавычек (").
Примечание:
один элемент никогда не должен содержать в себе два и более атрибутов, имеющих одинаковое имя.
Популярное в рубрике:
Как объединить слои в фотошопе в один или соединить их в группу...
