Значение по умолчанию

Исходная высота изображения.

Src

Адрес графического файла, который будет отображаться на веб-странице. Наиболее популярны файлы в формате GIF, PNG и JPEG.

Синтаксис

Значения

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

Hspace и vspace

Для любого изображения можно задать невидимые отступы по горизонтали и вертикали с помощью параметров hspace и vspace. Особенно это актуально при обтекании рисунка текстом. В этом случае, чтобы текст не «наезжал» плотно на изображение, необходимо вокруг него добавить пустое пространство.

Синтаксис

Значения -Любое целое положительное число в пикселах.

Значение по умолчанию -0

Пример. Использование тега <IMG>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

</head>

<body>

<a href="#"><img src="images/girl.png"

width="189" height="255" alt="lorem"></a>

Это ссылка, представленная элементом <IMG>

</body>

</html>

<UL> и <LI>

Тег <UL> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <UL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис

<ul>

<li>элемент маркированного списка</li>

</ul>

Параметры -type - Устанавливает вид маркера списка.

Для маркированного списка маркеры могут принимать один из трех видов: кружок (disc), окружность (circle) и квадрат (square). Значения параметра type и получаемый вид показан в таблице.

<ul type="disc">... </ul>	Чебурашка Крокодил Гена Шапокляк
<ul type="circle">... </ul>	Чебурашка Крокодил Гена Шапокляк
<ul type="square">... </ul>	Чебурашка Крокодил Гена Шапокляк

Значение по умолчанию -disc

Закрывающий тег -Обязателен.

<OL> и <LI>

Тег <OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис

<ol>

<li>элемент нумерованного списка</li>

</ol>

Параметры type Устанавливает вид маркера списка.

start Число, с которого будет начинаться нумерованный список.

Закрывающий тег -Обязателен.

Тег <LI> определяет отдельный элемент списка. Внешний тег <UL> или <OL> устанавливает тип списка — маркированный или нумерованный.

Синтаксис

<ul>

<li>элемент маркированного списка</li>

</ul>

<ol>

<li>элемент нумерованного списка</li>

</ol>

Параметры

type - Устанавливает вид маркера нумерованного или маркированного списка.

value - Число, с которого будет начинаться нумерованный список.

Закрывающий тег -Не обязателен.

<HR>

Отображает горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег <HR> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

Синтаксис

<hr>

Параметры

align - Определяет выравнивание линии.

color - Цвет линии.

noshade - Рисует линию без трехмерных эффектов.

size - Толщина линии.

width - Ширина линии.

Закрывающий тег -Не требуется.

Пример. Использование тега <HR>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

</head>

<body>

<hr>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh

euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim

ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl

ut aliquip ex ea commodo consequat.

<hr>

</body>

Результат данного примера показан на рисунке ниже.

Вид горизонтальной линии в браузере

Align

Выравнивание линии по краю родительского элемента. В качестве родителя обычно выступает окно браузера.

Синтаксис

Значения

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

center - Выравнивание по центру.

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

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

Значение по умолчанию -center

Color

Задает цвет линии, созданной с помощью тега <HR>. Одновременно, использование этого параметра запрещает трехмерные эффекты, словно был добавлен параметр noshade.

Синтаксис

Для задания цвета линии применяется два способа: первый использует обозначения цветов в шестнадцатеричном коде, а второй — по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.

Значение по умолчанию -Нет.

Size

Устанавливает толщину линии в пикселах.

Синтаксис

Значения

Любое целое положительное число. Нулевое или отрицательное значение устанавливает толщину линии в один пиксел.

Значение по умолчанию -2

Width

Устанавливает ширину линии в процентах или пикселах. При использовании процентов за 100% берется ширина родительского элемента. Как правило, в качестве родителя выступает окно браузера.

Синтаксис

Значения - Любое допустимое значение в пикселах или процентах.

Значение по умолчанию -100%

Пример использования:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Тег HR, параметр width</title>

</head>

<body>

</body>

</html>

Результат данного примера показан ни рисунке ниже.

Вид линий разной ширины

Тег <A>

Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь.

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

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения параметра href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход.

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

Синтаксис

Параметры

accesskey - Активация ссылки с помощью комбинации клавиш.

href - Задает адрес документа, на который следует перейти.

name - Устанавливает имя якоря внутри документа.

id - Устанавливает имя элемента внутри документа. Отличается сильно от предыдущего элемента, так как в этом случае ссылка обязана содержать элемент href, а так же должна быть

rel - Отношения между ссылаемым и текущим документами.

tabindex - Определяет последовательность перехода между ссылками при нажатии на кнопку <Tab>.

target - Имя окна или фрейма, куда браузер будет загружать документ.

title - Добавляет всплывающую подсказку к тексту ссылки.

Закрывающий тег -Обязателен.

Пример. Использование тега <A>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

</head>

<body>

<a href="images/xxx.jpg">Посмотрите на мою фотографию!</a>

<a href="tip.html">Как сделать такое же фото?</a>

</body>

</html>

Accesskey

Параметр accesskey позволяет активировать ссылку с помощью некоторого сочетания клавиш с заданной в коде ссылки буквой или цифрой. Браузеры при этом используют различные комбинации клавиш. Например, для accesskey="s" работают следующие сочетания.

Internet Explorer: Alt + s

Chrome: Alt + s

Opera: Shift + Esc, s

Safari: Alt + s

Firefox: Shift + Alt + s

Синтаксис

<a accesskey="c">... </a>

Обязательный параметр -Нет.

Значения -Цифра (0-9) или латинская буква (a-z).

Значение по умолчанию -Нет.

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями: