Основные теги HTML документа

< BR> создает переход на другую строку (аналогично нажатию Enter при наборе текста в текстовом редакторе) без создания нового абзаца. Имеет следующие атрибуты:

class – определяет имя используемого класса

clear – управляет способом обтекания плавающего элемента: all — отменяет обтекание элемента текстом и с правой и с левой стороны; left — отменяет обтекание элемента текстом с левой стороны; right — отменяет обтекание элемента текстом с правой стороны; none — отменяет действие свойства

id – уникальный идентификатор

style – задает встроенную таблицу стилей

title – задает расшифровку аббревиатуры, показывается в виде всплывающей подсказки

Пример. < html> < head> < title> < /title> < /head> < body> < p> Приплыла к нему рыбка, спросила: < br> — Чего тебе надобно, старче? < br> А.С. Пушкин «Сказка о рыбаке и рыбке» < /p> < /body> < /html> Результат:

< P> … < /P> разделяют текст на абзацы. Перед началом каждого абзаца следует поместить тег < P>, закрывающий тег не обязателен. В отличии от тега < BR> абзацы отделяются друг от друга пустой строкой. У тега < P> есть атрибуты:

align – выравнивание текста в абзаце: left — выравнивание по левой границе (по умолчанию); center — выравнивание по центру; right — выравнивание по правой границе; justify — выравнивание по ширине

class – определяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang – определяет используемый язык

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

style – задает встроенную таблицу стилей

title – добавляет всплывающую подсказку

Пример. < html> < head> < title> < /title> < /head> < body> < p> Абзац — малоисследованный компонент литературной формы, имеющий композиционное, сюжетно-тематическое, ритмическое значение и связанный со стилем автора.< /p> < /body> < /html> Результат:

< B> … < /B> выделение жирным шрифтом. Имеет атрибуты:

class – о пределяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang – определяет используемый язык в документе, на который указывает ссылка

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> < p> А тут будет < b> жирный текст< /b> < /p> < /body> < /html> Результат:

< STRONG> … < /STRONG> логически выделяет, усиливает текст. Имеет атрибуты:

class – о пределяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang – определяет используемый язык в документе, на который указывает ссылка

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> < p> Тег b просто устанавливает жирный шрифт, в то время, как тег strong, так же отображаясь жирным шрифтом, < strong> логически выделяет< /strong> важность помеченного текста. < /p> < /body> < /html> Результат:

< I> … < /I> выделяет текст курсивом. Имеет атрибуты:

class – о пределяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang – определяет используемый язык в документе, на который указывает ссылка

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> < p> Курсив от лат. < i> cursiva littera< /i> «беглый почерк» < /p> < /body> < /html> Результат:

< INS> … < /INS> обозначает текст, добавленный в новой версии документа. Текст отображается подчеркнутым. Имеет атрибуты:

cite – URL источника, поясняющего причину появления новой информации

datetime – дата и время изменения документа

class – о пределяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang – определяет используемый язык в документе, на который указывает ссылка

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> < p> Тег ins обозначает текст, добавленный в новой версии документа. < ins> По умолчанию отображается подчеркнутым.< /ins> < /p> < /body> < /html> Результат:

< U> … < /U> определяет подчеркнутый текст. Имеет атрибуты:

class – о пределяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang – определяет используемый язык в документе, на который указывает ссылка

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример: < html> < head> < title> < /title> < /head> < body> < div> < u> Подчеркнутый текст< /u> < /div> < /body> < /html> Результат:

< SUB> … < /SUB> определяет запись в нижнем индексе. Имеет атрибуты:

class – о пределяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang – определяет используемый язык в документе, на который указывает ссылка

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> < p> Формула воды H< sub> 2< /sub> O< /p> < /body> < /html> Результат:

< SUP> … < /SUP> определяет запись в верхнем индексе.

Имеет атрибуты:

class – о пределяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang – определяет используемый язык в документе, на который указывает ссылка

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример: < html> < head> < title> < /title> < /head> < body> < p> Квадратное уравнение y=ax< sup> 2< /sup> +bx+c< /p> < /body> < /html> Результат:

< FONT> … < /FONT> используется для задания параметров шрифта. Имеет следующие атрибуты:

class – определяет имя используемого класса

color – задает цвет текста

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

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

lang – определяет язык отображаемого документа

pointsize – размер шрифта.

size – размер шрифта в условных единицах в абсолютной (от 1 до 7) или в относительной форме («+2», «-1»)

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример: < html> < head> < title> < /title> < /head> < body> < p> < font face=" Arial, Helvetica, sans-serif" size=" +1" > Это шрифт без засечек семейства sans-serif< /font> < br/> < font face=" Times New Roman, Times, serif" size=" 4" > Это шрифт с засечеками семейства serif< /font> < br/> < font face=" Courier New, Courier, monospace" > Такой шрифт называется моноширинным< /font> < /p> < /body> < /html> Результат:

< CENTER> … < /CENTER> предназначен для выравнивания всех элементов внутри него по центру окна браузера.

Пример. < html> < head> < title> < /title> < /head> < body> < center> Этот текст хочу видеть по центру< /center> < /body> < /html> Результат:

< DEL> … < /DEL> обозначает текст, как удаленный. Имеет атрибуты:

cite – URL источника, поясняющего причину появления новой информации

datetime – дата и время изменения документа

class – о пределяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang – определяет используемый язык в документе, на который указывает ссылка

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример: < html> < head> < title> < /title> < /head> < body> < p> Сегодня < del datetime=" 12.02.2009" > ураган, метель, град< /del> замечательная погода! < /p> < /body> < /html> Результат:

< STRIKE> … < /STRIKE> выделяет текст зачеркнутым. Имеет следующие атрибуты:

class – определяет имя используемого класса

color – задает цвет текста

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

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

lang – определяет язык отображаемого документа

pointsize – размер шрифта.

size – размер шрифта в условных единицах в абсолютной (от 1 до 7) или в относительной форме («+2», «-1»)

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> Сегодня < strike> ураган, метель, град< /strike> замечательная погода! < /body> < /html> Результат:

< S> … < /S> выделяет текст зачеркнутым. Имеет следующие атрибуты:

class – определяет имя используемого класса

color – задает цвет текста

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

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

lang – определяет язык отображаемого документа

pointsize – размер шрифта.

size – размер шрифта в условных единицах в абсолютной (от 1 до 7) или в относительной форме («+2», «-1»)

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> Сегодня < s> ураган, метель, град< /s> замечательная погода! < /body> < /html> Результат:

< BIG> … < /BIG> отображает текст увеличенным размером шрифта на одну условную единицу (от 1 до 7. Значение по умолчанию «3»). Эквивалентно < font size=" +1" >. Имеет следующие атрибуты:

class – определяет имя используемого класса

color – задает цвет текста

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

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

lang – определяет язык отображаемого документа

pointsize – размер шрифта.

size – размер шрифта в условных единицах в абсолютной (от 1 до 7) или в относительной форме («+2», «-1»)

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> < p> Маловато будет! Маловато!!! < big> А вот это мой размерчик! < /big> < /p> < /body> < /html> Результат:

< SMALL> … < /SMALL> отображает текст уменьшенным размером шрифта на одну условную единицу (от 1 до 7. Значение по умолчанию «3»). Эквивалентно < font size=" -1" >. Имеет следующие атрибуты:

class – определяет имя используемого класса

color – задает цвет текста

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

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

lang – определяет язык отображаемого документа

pointsize – размер шрифта.

size – размер шрифта в условных единицах в абсолютной (от 1 до 7) или в относительной форме («+2», «-1»)

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> < p> < small> Маленькой< /small> елочке холодно зимой! < /p> < /body> < /html> Результат:

< HR> отображается в виде горизонтальной линии. Имеет атрибуты:

align – выравнивание линии в родительском контейнере: left — по левому краю; center — по центру (по умолчанию); right — по правому краю

class – определяет имя используемого класса

color – задает цвет линии.

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang - определяет язык отображаемого документа

noshade – флаг. Отменяет трехмерный эффект отображения линии.

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

size – толщина линии.

style – задает встроенную таблицу стилей

title – всплывающая подсказка

width – ширина линии.

Пример. < html> < head> < title> < /title> < /head> < body> < hr/> < hr noshade=" noshade" /> < hr width=" 50%" /> < hr width=" 80%" size=" 5" /> < hr color=" #ff0000" size=" 5" /> < hr width=" 50%" align=" left" /> < /body> < /html> Результат:

< H1> … < /H1>, < H2> … < /H2>, < H3> … < /H3>, < H4> … < /H4>, < H5> … < /H5>, < H6> … < /H6> используются для создания заголовков. Шесть уровней заголовков отличаются «важностью» и величиной шрифта. < h1> — самый важный и большой, < h6> — самый маленький. По умолчанию < h4> отображается тем же размером, что и стандартный текст. Имеет следующие атрибуты:

align – выраванивание заголовка: left — по левому краю (по умолчанию); center — по центру; right — по правому краю; justify — выравнивание по ширине

class – определяет имя используемого класса

dir – определяет направление символов: ltr — слева направо; rtl — справа налево

id – уникальный идентификатор

lang - определяет язык отображаемого документа

onclick – щелчок на элементе

ondblclick – двойной щелчок на элементе

onkeydown – нажатие клавиши, когда элемент имеет фокус

onkeypress – нажатие и освобождении клавиши, когда элемент имеет фокус

onkeyup – освобождение ранее нажатой клавиши, когда элемент имеет фокус

onmousedown – нажатие кнопки мыши, когда элемент имеет фокус

onmousemove – движение указателя мыши, когда элемент имеет фокус

onmouseout – смещение указателя мыши с элемента

onmouseover – помещение указателя мыши на элемент

onmouseup – освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус

style – задает встроенную таблицу стилей

title – всплывающая подсказка

Пример. < html> < head> < title> < /title> < /head> < body> < h1> Заголовок h1< /h1> < h2> Заголовок h2< /h2> < h3> Заголовок h3< /h3> < h4> Заголовок h4< /h4> < h5> Заголовок h5< /h5> < h6> Заголовок h6< /h6> < /body> < /html> Результат: