
- •Лабораторная работа Создание Web-страницы
- •Лабораторная работа
- •1. Структура документа html
- •2. Элементы html
- •3. Функциональные блочные элементы
- •4. Гипертекстовые ссылки
- •6. Форматирование текста
- •7. Списки
- •8. Таблицы
- •9. Отображение нескольких документов
- •10. Интерактивные Web-страницы
- •11. Таблица наиболее часто используемых тегов
- •Задание
- •Задание 2. Изучение приемов форматирования абзацев.
- •Задание 3. Создание гиперссылок.
- •Задание 5. Приемы форматирования текста.
- •Форма отчетности
- •Контрольные вопросы:
6. Форматирование текста
Парный тег <FONT> позволяет управлять параметрами шрифта. Он должен обязательно содержать хотя бы один из трех атрибутов: COLOR=, FACE= или SIZE=.
<FONTSIZE="6">
Атрибут COLOR= задает цвет текста, который может быть задан текстовым значением (например, COLOR="GREEN") или шестнадцатиричным кодом, в котором последовательные байты задают значения красной, зеленой и синей составляющих цвета (COLOR="#00FF00" дает тот же результат, что и COLOR="GREEN") - см. Приложение 1 Управление цветом. Атрибут FACE= задает гарнитуру шрифта. Значение этого атрибута сравнивается с именами шрифтов, которые установлены на компьютере. Атрибут SIZE= определяет размер шрифта в относительных единицах (от 1 до 7). Для этого атрибута можно определять значение со знаком (плюс или минус), которое определяет увеличение или уменьшение шрифта относительно текущего размера.
Параметры шрифта, используемые в документе по умолчанию, задают с помощью непарного тега <BASEFONT>, который помещают один раз внутри элемента BODY. Он может использовать те же атрибуты, что и тег <FONT>.
Начертание символов задается при помощи парных тегов <В> (полужирный шрифт), <|> (курсив), <U> (подчеркнутый текст), <S> (вычеркнутый текст). Их использование не рекомендуется. Вместо них следует применять элементы фразы, описывающие функциональные особенности текста. Например вместо:
<В>Обратите внимание!</В>
лучше написать:
<STRONG>Обратите внимание!</STRONG>
Так, парный тег <CITE> предназначен для отображения цитат (выводятся курсивом). Парные теги <ЕМ> (выделение) и <STRONG> (сильное выделение) являются функциональными аналогами курсивного и полужирного начертаний.
7. Списки
Упорядоченные (нумерованные) и неупорядоченные (маркированные) списки оформляются одинаково. Они создаются при помощи парных тегов: <OL> для упорядоченного списка и <UL> для неупорядоченного. Эти списки могут содержать только элементы списка, определяемые парным тегом <LI>. Открывающие теги могут содержать атрибуты, определяющие вид маркера (для неупорядоченного списка), способ и последовательность нумерации (для упорядоченного) Разрешается вложение списков друг в друга.
Список определений задается парным тегом <DL>. Он содержит элементы двух типов: определяемые термины (парный тег <DT>) и определения (парный тег <DD>). Обычно определяемые термины и определения чередуют, хотя это нигде не оговорено. Определения отображаются на экране с отступом от левого края. Такой список может быть сформирован следующим образом:
<DL>
<DТ>Поршень</DT>
<DD>Сплошной цилиндр или диск</DD>
</DL>
8. Таблицы
Таблица в языке HTML задается при помощи парного тега <TABLE>. Она может содержать заголовок таблицы, определяемый парным тегом <САРТION>, и строки таблицы, задаваемые при помощи парных тегов <TR>.
Каждая строка таблицы содержит ячейки таблицы, которые могут относиться к двум разным типам. Ячейки в заголовках столбцов и строк задают парным тегом <ТН>, а обычные ячейки - парным тегом <TD>. Например, «пустая» таблица с двумя строками и двумя столбцами может быть задана следующим образом:
<TABLE>
<САРТION> Пустая таблица </САРТION>
<TR><TD></TD><TD></TD></TR>
<TR><TD></TD><TD></TD></TR>
</TABLE>
Каждая ячейка может содержать произвольный текст, а также любые теги HTML, допустимые в «теле» документа. Например, ячейка таблицы может содержать вложенную таблицу или изображение.
При отображении таблицы на экране компьютера происходит ее автоматическое форматирование с подбором размеров ячеек в соответствии с объемом размещаемой информации и заданными атрибутами. Атрибуты элементов позволяют оформить таблицу по своему вкусу. В таблице 1 приведена краткая сводка допустимых атрибутов.
Табл.1. Атрибуты элементов, используемых при создании таблицы
Атрибут |
Элемент |
Назначение |
ALIGN= |
Таблица, заголовок, строка, ячейка |
Выравнивание таблицы по горизонтали; выравнивание данных по горизонтали; размещение заголовка над или под таблицей |
VALIGN= |
Строка, ячейка |
Выравнивание по вертикали |
WIDTH= |
Таблица, ячейка |
Ширина |
HEIGHT= |
Ячейка |
Высота |
COLSPAN= |
Ячейка |
Протяженность в несколько столбцов |
ROWSPAN= |
Ячейка |
Протяженность в несколько строк |
BGCOLOR= |
Таблица, ячейка |
Цвет фона |
CELLSPACING= |
Таблица |
Зазор между ячейками |
CELLPADDING= |
Таблица |
Зазор между содержимым ячейки и ее границей |
BORDER= |
Таблица |
Отображение границ ячеек и внешней рамки таблицы |