
- •Что такое html
- •Основные понятия html
- •Особенности показа документа
- •Структура документа
- •Элементы блочной разметки
- •Форматирование текста Логическое форматирование
- •Физическое форматирование
- •Изображения
- •Списки Маркированный список
- •Нумерованный список
- •Список определений
- •Вложенные списки
- •Организация ссылок
- •Указатель
Физическое форматирование
Тэги физического форматирования определяют формат отображения указанного в них фрагмента текста в окне браузера:
<B> - полужирный шрифт.
<I> - курсив.
<U> - подчеркивание.
<STRIKE> и <S> - текст, перечеркнутый горизонтальной линией.
<BIG> - выводит текст шрифтом больше, чем непомеченная часть.
<SMALL> - выводит текст шрифтом меньше, чем непомеченная часть.
<SUB> - нижний индекс.
<SUP> - верхний индекс.
<BLINK> - отображает мигающий текст. Поддерживается только браузером Netscape Navigator.
Например:
Рисунок 3
<FONT> - указывает параметры шрифта. Использование этого тэга не рекомендуется, т.к. не соответствует спецификации HTML 4.0.
Таблица 4
Атрибут |
Назначение |
Face=Название шрифта |
Служит для указания типа шрифта. Можно перечислять через запятую несколько названий шрифтов. Будет использоваться для вывода тот, который имеется на компьютере у пользователя. Действие атрибута Face распространяется на весь текст до следующего атрибута Face. |
Color=Цвет |
Цвет шрифта (см. Таблица 2) |
Size=размер |
Этот параметр служит для указания размеров шрифта в условных единицах от 1 до 7. По умолчанию размер шрифта соответствует 3. |
Например:
Изменение названия шрифта
Рисунок 4
Изменение размера шрифта
Рисунок 5
Изображения
Для встраивания изображений в HTML-документ используют тэг <IMG>.
Таблица 5
Атрибут |
Назначение |
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%>