Главная › Тарифы › Теги php атрибуты и свойства. Атрибуты элементов. Атрибуты со значением

Теги php атрибуты и свойства. Атрибуты элементов. Атрибуты со значением

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

Всего насчитывается более ста элементов разметки. Каждый имеет ряд атрибутов и собственный синтаксис. Справочник по тегам HTML поможет быстрой найти нужный вам элемент.

Список тегов HTML

Ниже в таблице представлен список тегов HTML5 с кратким описанием на русском языке.

Тег Краткое описание

Комментарий.

Определяет тип документа.

Ссылка, гиперссылка, якорь.

Определяет текст как аббревиатуру.

Контактная информация автора или владельца документа.

Определяет область на карте-изображении

Статья

Контент в стороне (содержимое не является основным на странице по смыслу)

Позволяет вставить воспроизводимый аудио файл.

Полужирный текст.

Задает базовый URL или аттрибут target для относительных ссылок в документе.

Область, где написание текста может имееть другое направления.

Устанавливает направление написания текста. В отличии от направление указывается физическое направление

Цитата.

Указывает область body документа.

Перенос строки.

Кликабельная кнопка

Используется для рисовании графики с помощью скриптов

Подпись таблицы.

Сноска на название материала.

Используется для вставки компьютерного кода в текстовом виде.

Задает характеристики колонок в таблице.

Определяет группу из одной или более колонок таблицы для форматирования.

Используется для определения предопределенных вариантов на выбор при вводе в текстовом поле

Определяет описание термина из тега в списке терминов

Текст, который удален в новой версии документа.

Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть

Указывает, что содержимое является термином.

Определяет диалоговое окно или интерактивный элемент

Блочный элемент - один из основных элементов верстки.

Определяет список определений

Название термина в списке определений

выделенный по смыслу текст (обычно, текст выделенный курсивом).

Контейнер для внешнего приложения

Группа связанных элементов в форме

Заголовок для элемента

Определяет автономную группу из нескольких элементов (например картинка с подписью)

Нижний колонтитул

Определяет форму пользовательского ввода

Заголовки HTML разного уровня: , , , , , .

Указывает область head документа.

Блок заголовка

Горизонтальная линия - тематический разделитель.

Корневой элемент. Сообщает браузеру, что данный документ является HTML документом.

Выделяет текст курсивом.

Определяет встроенный фрейм

Изображение, картинка.

Поле для ввода

Текст, который был добавлен в новой версии документа.

Текст введенный с клавиатуры или названия кнопок клавиатуры. Обычно выделен моноширинным шрифтом.

Метка для поля ввода. Указывает на привязку элемента (обычно текста) к полю ввода.

Заголовок элементов

Элемент списка

Определяет привязку внешнего ресурса (чаще всего, привязку таблицы стилей CSS)

Основной контент

Контейнер для . Определяет пользовательскую карту на изображении

Выделенный текст (обычно с помощью подсветки фона).

Контейнер для списка пунктов меню

Определяет элементы, которые пользователь может вызвать из контекстного меню

Используется для определения мета-данных документа.

Измеритель значений в заданном диапазоне

Контейнер для навигационных элементов

Альтернативный контент для пользователей, отключивших скрипты

Определяет встроенный объект

Определяет нумерованный список

Определяет группу связанных вариантов в выпадающем списке. Дает название группу

Параметр (вариант выбора) в выпадающем списке

Результат вычислений

Абзац.

Задает параметры для встроенных объектов

Контейнер для нескольких изображений

Предварительно отформатированный текст.

Индикатор выполнения (прогресса)

Цитата в тексте.

Альтернативный текст, если браузер не поддерживает тег .

Аннотация к содержимому тега .

Контейнер для символов и их расшифровки (в основном для Восточно-азиатских символов, иероглифов).

Перечеркнутый текст.

Текст, являющийся результатом выполнения компьютерной программы (обычно выводится моноширинным шрифтом).

Определяет скрипт или подключение скрипта из внешнего ресурса.

Раздел

Определяет выпадающий список

Текст шрифтом меньшего размера.

Определяет ресурс для тегов , и .

Строчный элемент.

Текст, выделенный по значению. Обычно отображается полужирным.

Определяет контейнер для определения стилей документа

Отображает текст в виде нижнего индекса.

Заголовок внутри тега

Отображает текст в виде верхнего индекса.

Определяет таблицу.

Определяет область контента в таблице.

Ячейка в таблице .

Многострочное поле для ввода

Определяет группу строк в нижней части таблицы - нижний колонтитул. Подробнее

Место, где допускается перенос строки.

Устаревшие теги HTML

Чем заменить устаревший тег HTML? В большинстве случаев подойдут каскадные таблицы стилей CSS. Также, существуют альтернативы не используемым в новой спецификации тегам и в пределах HTML. Ниже в таблице представлены устаревшие теги HTML с вариантами их замены.

Тег Краткое описание

	Акроним. Используйте тег вместо него
	Встроенный апплет. Используйте или вместо него.
	Задает цвет, размер, и семейство шрифта всего текста в документе. Используйте вместо него
	Текст большего размера. Используйте вместо него
	Отцентрованный текст. Используйте вместо него
	Список директорий. Используйте вместо него
	Определяет цвет, размер и семейство шрифта. Используйте вместо него
	Фрейм внутри . Используйте вместо него
	Определяет набор фреймов. Для добавления нескольких встроенных фреймов используйте несколько элементов
	Альтернативный текст, если фреймы не поддерживаются
	Перечеркнутый текст. Используйте или вместо него
	Моноширный текст. Используйте вместо него
	Подчеркнутый текст. Используйте вместо него

Вы уже знакомы с несколькими html-тегами и их использованием, например теги заголовков , , или тег абзаца

И другие. До сих пор мы использовали их в простейшей форме, но большинство тегов в HTML могут иметь атрибуты, которые являются дополнительными битами информации.

Атрибут - используется для определения характеристик html-элемента и помещается внутри открытого тега элемента. Все атрибуты состоят из двух частей - это имя и значение :

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

Имена и значения атрибутов в HTML не зависят от регистра. Однако консорциум World Wide Web (W3C) рекомендует в своей рекомендации HTML 4 использовать атрибуты и значения атрибутов в нижнем регистре.

Пример

Пример атрибута align

Выровнено по левому краю.

Выровнено по центру.

Выровнено по правому краю.

Получим следующий результат:

Основные атрибуты HTML

Существует четыре основных атрибута в HTML, которые могут использоваться для большинства html-элементов (хотя и не для всех):

title
class
style

Атрибут id

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

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

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

Этот абзац объясняет, что такое HTML.

Этот абзац объясняет, что такое каскадная таблица стилей (CSS).

Атрибут title

Атрибут title - дает название элемента для элемента. Синтаксис для атрибута title аналогичен атрибуту id.

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

Пример

Пример атрибута title Пример заголовка

Получим следующий результат:

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

Атрибут class

Атрибут class - используется для связывания элемента со списком стилей и задает класс элементу. Вы узнаете больше об использовании атрибута class, когда изучите CSS (каскадные таблицы стилей). Так что пока можете это пропустить.

Значением атрибута может быть также список имен классов, разделенных пробелами. Например:

Class="названиеКласса1 названиеКласса2 названиеКласса3"

Атрибут style

Атрибут style - позволяет указывать правила каскадной таблицы стилей (CSS) внутри элемента.

Пример атрибута style

Немного текста...

Получим следующий результат:

На данный момент мы не изучаем CSS, так что давайте продолжим, не беспокоясь о CSS. Здесь Вам нужно понять, какие существуют html-атрибуты, и как их можно использовать при форматировании содержимого.

Атрибуты интернационализации

Существует три атрибута интернационализации в HTML, которые доступны для большинства (хотя и не для всех) элементов XHTML.

xml:lang

Атрибут dir

Атрибут dir - позволяет указать браузеру направление потока текста. Атрибут dir может принимать одно из двух значений, которые Вы можете видеть в следующей таблице:

Пример

Пример направления потока текста

Отображает направленный текст справа налево.

Получим следующий результат:

Когда атрибут 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 элементы могут иметь атрибуты. Атрибуты предназначены для добавления дополнительной информации об элементе и/или для изменения его стандартного поведения. Атрибуты всегда указываются внутри открывающего тега. В большинстве случаев атрибуты являются необязательными и указываются только при необходимости. Один элемент никогда не должен содержать в себе два и более атрибутов, имеющих одинаковое имя. Синтаксис элемента с атрибутом:

Атрибуты состоят из пары: имя_атрибута="значение" . Имена атрибутов не чувствительны к регистру символов и могут быть записаны с любым сочетанием строчных и заглавных букв. Значение атрибута может состоять из текста, цифр и других символов (единственным исключением является символ амперсанда (&), его использование запрещено). Дополнительные ограничения на использование различных символов в значении атрибута зависят от способа записи значения. При указании нескольких атрибутов в одном элементе, они должны быть отделены друг от друга символом пробела. Порядок следования атрибутов не имеет значения.

содержимое

Атрибуты могут быть записаны четырьмя различными способами:

Пустой атрибут

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

Само присутствие в элементе логического атрибута представляет собой значение true (истина), а отсутствие этого атрибута - значение false (ложь). Если таковой атрибут присутствует, его значением может быть либо пустая строка, либо значение должно совпадать с именем атрибута.

Ключевые слова и перечисляемые атрибуты

Некоторые атрибуты в качестве значения могут принимать одно ключевое слово из набора допустимых ключевых слов. Такие атрибуты называются перечисляемыми атрибутами. Каждое ключевое слово соответствует определённому состоянию (некоторые ключевые слова соответствуют одному и тому же состоянию, в этом случае они являются синонимами друг для друга).

Если используется перечисляемый атрибут, то его значение должно совпадать с одним из ключевых слов, заданных для него. Отсутствие значения, например, как в логических атрибутах, не допустимо:

Hello!

Примечание: пустая строка ("") может быть допустимым ключевым словом.

Hello!

Атрибут со значением без кавычек

Синтаксис с опущенными кавычками вокруг значения атрибута подразумевает, что за именем атрибута, после знака "=", будет следовать значение атрибута, которое не должно содержать символов пробела, двойных кавычек ("), апострофов (") и других видов кавычек, символов "=", угловых скобок (< и >), помимо этого, значение не должно являться пустой строкой.

Атрибут со значением в одиночных кавычках (апострофах)

Значение атрибута, взятое в одиночные кавычки, не должно содержать символы апострофов ("), но допускается содержание двойных кавычек (").

Атрибут со значением в двойных кавычках

Значение атрибута, окруженное двойными кавычками, может содержать любые символы, включая апострофы ("), кроме двойных кавычек (").

Примечание: один элемент никогда не должен содержать в себе два и более атрибутов, имеющих одинаковое имя.

Язык разметки гипертекста 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, и он принесёт вам массу положительных эмоций, а также солидный доход.

Мы уже разобрались. Мы выяснили, что у них есть содержимое. Однако это ещё не всё. У тегов также есть атрибуты, которые расширяют их возможности, а у атрибутов, в свою очередь, есть значения. С их помощью элементу можно задавать параметры, определять стиль оформления. Например, тегом

вы обозначили абзац. Но как сделать, чтобы он был выровнен по правому краю? Для этого понадобится определённый атрибут с соответствующим значением. Как некоторые теги не имеют пары, так и некоторые атрибуты могут употребляться без значений.

Как писать атрибуты?

Атрибуты - зарезервированные слова (как и теги, только без угловых скобок), значения же их могут быть разными. Так же, как и теги, атрибуты со значениями рекомендуется писать маленькими буквами, хотя браузерам, в общем-то, безразлично - это просто правило хорошего тона: по-русски ведь ТОЖЕ НЕ ПРИНЯТО ПИСАТЬ ПРИ ВКЛЮЧЕННОМ CAPS LOCK. А чем HTML хуже?

Значения с атрибутами записываются в таком формате:

Атрибут=”значение” lang=”en”

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

Абзац

Обычно для одного тега доступно несколько атрибутов. В каком порядке они будут перечислены, неважно.

Универсальные атрибуты

Каждый HTML-тег наделён собственным набором атрибутов. Некоторые атрибуты могут быть доступны для нескольких тегов, другие же могут работать только с одним. Ещё есть группа универсальных (глобальных) атрибутов, которые можно использовать с любым тегом. Вкратце ознакомимся с атрибутами этой категории.

accesskey позволяет задать сочетание клавиш для доступа к определённому объекту страницы. Например, вы можете сделать так, чтобы с помощью комбинации клавиш Alt+1 пользователь переходил по определённой ссылке. Таким образом разработать систему клавишной навигации.

В качестве значения атрибута могут выступать цифры 0-9 или буквы латинского алфавита:

Ссылка будет открываться по нажатию сочетания клавиш с единицей

class позволяет связать тег с заранее заданным с помощью CSS оформлением. Использование атрибута позволяет существенно уменьшить код, ведь вместо того, чтобы повторять ввод одного и того же блока CSS, можно просто ввести имя соответствующего ему класса.
С помощью contenteditable можно разрешить пользователю редактировать любой элемент HTML-страницы: удалять, вставлять, изменять текст. Этот же атрибут даёт возможность редактирование и запретить. Значения имеет всего два: true - правку разрешить, false - запретить.
При помощи атрибута contextmenu вы можете наделить любой элемент документа уникальными пунктами контекстного меню на своё усмотрение. Само меню создаётся в теге , а атрибуту contextmenu присваивается его идентификатор.
dir определяет направление текста: слева направо (ltr) или справа налево (rtl) .
draggable позволяет запретить (false) или разрешить (true) пользователю перетаскивать наделённый этим атрибутом элемент страницы.
dropzone указывает браузеру, что делать с перетаскиваемым элементом: копировать (значение copy ), перемещать (move ) или создать на него ссылку (link) .
hidden - атрибут, позволяющий скрыть содержимое элемента, чтобы оно не отображалось в браузере. Если атрибуту задано значение false, объект отображается, true - скрывается.
id задаёт идентификатор элемента - своего рода имя, которое нужно для простой смены стиля объекта, а также для того, чтобы к нему могли обращаться скрипты. Значением атрибута и будет его имя. Начинаться оно должно обязательно с латинской буквы, и может содержать цифры, буквы всё того же латинского алфавита (большие и маленькие), а также символы дефиса (-) и подчёркивания (_) . Русских букв содержать не может.
lang помогает браузеру понять, на каком языке написан контент, и задать ему соответствующий стиль (например, в языках могут использоваться разные кавычки). Значениями выступают коды языков (русский - ru , английский - en и т. п.).
spellcheck включает (true) или отключает (false) проверку правописания. Особенно полезно использовать атрибут в тегах полей форм, куда текст будет вводить пользователь.
style позволяет задать оформление элемента с помощью CSS-кода.
tabindex даёт возможность определить, сколько раз пользователю придётся нажать клавишу Tab, чтобы фокус получил объект с этим атрибутом. Количество нажатий определяет значение атрибута - целое положительное число.
title - всплывающая подсказка, которая появится, если подвести мышку к элементу и на некоторое время оставить её неподвижной. Строка в значении и будет подсказкой.

translate разрешает (yes) или запрещает (no) перевод содержимого тега.
align задаёт выравнивание элемента. Например, с его помощью можно выровнять текст по левому краю (значение left ), по правому краю (right ), по центру (center) или по ширине (justify) . Для изображений (тег ) также доступно выравнивание по верхней границе самого высокого элемента строки (top ), по нижней границе (bottom) , а значение middle делает так, что средняя линия картинки совпадает с базовой линией строки.

Стоит иметь в виду, что использовать атрибут align не рекомендуется, а выравнивать текст лучше с помощью CSS.

Пример использования атрибутов

В качестве примера рассмотрим строку HTML-кода:

Этот текст можно редактировать

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

Разберём каждый элемент строки.

- открывающий тег контейнера, хранящего абзац.

- закрывающий тег.

Между символами > и < расположен текст Этот текст можно редактировать. Это - надпись вне тегов (между ними), а значит она будет видна открывшему страницу пользователю. Браузер воспринимает её как простой текст, который надо вывести на экран.

contenteditable =”true ” - это и есть атрибут и его значение. Помните, как в школе: x=3. Так и здесь: contenteditable =”true ”. Атрибут contenteditable задаёт, сможет ли пользователь редактировать содержимое элемента, значение true , написанное в кавычках через знак равно, редактирование разрешает:

Атрибут=”значение” contenteditable=”true”