- •Основы html
- •Что такое html
- •Основные понятия html
- •Особенности показа документа
- •Структура документа
- •Элементы блочной разметки
- •Форматирование текста
- •Логическое форматирование
- •Физическое форматирование
- •Изображения
- •Маркированный список
- •Нумерованный список
- •Список определений
- •Вложенные списки
- •Организация ссылок
Изображения
Для встраивания изображений в HTML-документ используют тэг <IMG>.
Атрибут |
Назначение |
SRC=«имя файла изображения» |
URL-адрес изображения |
ALIGN=вариант_выравнивания |
Варианты выравнивания: TOP – верхняя граница изображения выравнивается по самому высокому элементу текущей строки. TEXTTOP – верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки. MIDDLE – выравнивание середины изображения по базовой линии текущей строки. ABSMIDDLE – выравнивание середины изображения посередине текущей строки. BASELINE или BOTTOM – выравнивание нижней границы изображения по базовой линии текущей строки. ABSBOTTOM – выравнивание нижней границы изображения по нижней границе текущей строки. LEFT – изображение прижимается к левому полю окна. Текст обтекает изображение с правой стороны. RIGHT – Изображение прижимается к правому полю окна. Текст обтекает изображение с левой стороны. |
WIDTH=ширина |
Ширина изображения указывается в пикселях или процентах от размера окна просмотра. |
HEIGTH=высота |
Высота изображения указывается в пикселях или процентах от окна просмотра. |
HSPACE=отступ |
Отступ определяет расстояние от изображения до текста по горизонтали. Задается в пикселях. |
VSPACE=отступ |
Отступ определяет расстояние от изображения до текста по вертикали. Задается в пикселях. |
BORDER=толщина |
Определяет наличие и толщину рамки вокруг изображения. Задается в пикселях. |
ALT=«текст» |
Определяет альтернативный текст, возникающий в браузере на месте рисунка до его полной загрузки или при невозможности вывода. |
Например:
<IMG SRC=winter.jpg ALIGN=LEFT VSPACE=20 HSPACE=20 ALT="зима" BORDER=5 WIDTH=50%>
Списки
Маркированный список
<UL> - тэг-контейнер, используемый для создания списка. Внутри контейнера располагаются все элементы списка. В конце списка должен быть закрывающий тэг </UL>.
Атрибут |
Назначение |
TYPE=значение |
Определяет вид маркеров в списке. TYPE=disc - маркеры отображаются закрашенными кружками; TYPE=circle - маркеры отображаются не закрашенными кружками; TYPE=square - маркеры отображаются закрашенными квадратиками. |
<LI> - тэг формирования элемента списка. Этот тэг не нуждается в соответствующем закрывающем тэге.
В тэге <LI> может быть указан параметр TYPE, аналогично тэгу <UL>.
Например:
<UL> <B>Времена года:</B> <LI>Зима <LI>Весна <LI>Лето <LI>Осень </UL>
Нумерованный список
<OL> - тэг-контейнер, используемый для создания нумерованного списка. Внутри тэга располагаются элементы списка. Требует закрывающего тэга </OL>.
Каждый элемент списка должен начинаться тэгом <LI>.
Атрибут |
Назначение |
TYPE=значение |
TYPE=A – нумерация прописными латинскими буквами. TYPE=a – нумерация строчными латинскими буквами. TYPE=I – нумерация большими римскими цифрами. TYPE=i – нумерация маленькими римскими цифрами. TYPE=1 – нумерация арабскими цифрами (принята по умолчанию). |
START=начальное_значение |
Позволяет начать нумерацию списка не с единицы. Начальное значение – это натуральное число. |
Например:
<OL> <B>Времена года:</B> <LI>Зима <LI>Весна <LI>Лето <LI>Осень </OL>
Для изменения номера конкретного элемента списка в тэге <LI> может быть использован параметр VALUE=число. При этом меняется нумерация всех последующих элементов списка.
Например:
<OL> <B>Знаки зодиака:</B> <LI>Овен <LI>Телец <BR>... <LI Value=6>Дева <LI>Весы <BR>... <LI Value=10>Козерог <LI>Водолей <LI>Рыбы </OL>