1.5.Текст
1.5.1.Текстовые блоки
Элементы <H1>,<H2>,...<H6> Используются для создания заголовков текста соответствующего уровня.
Элемент <P> используется для разметки параграфов. При помощи атрибута align можно задать тип выравнивания текста в параграфе – влево, вправо, по центру и по ширине.
Элемент <BR> осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе.
Элемент <R> вставляет в текст горизонтальную разделительную линию.
1.5.2.Форматирование текста
Элемент <BASEFONT> определяет основной шрифт, которым должен отображаться текст документа.
Элемент <FONT> Позволяет изменять цвет, размер и тип шрифта текста.
Элемент <I> Выделяет текст курсивом.
Элемент <B> Выделяет текст жирным шрифтом.
Элемент <STRONG> Усиленное выделение текста (жирным).
Элемент <U> Выделяет текст подчеркнутым.
Элемент <S>, <STRIKE> Выделяет текст перечеркнутым.
1.5.3.Списки
Списки в HTML бывают двух видов: нумерованные и ненумерованные. Отличаются они лишь способом оформления. Перед пунктами ненумерованных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам нумерованных списков предшествуют их номера.
Элемент <UL> создает ненумерованный список.
Элемент <OL> создает нумерованный список.
Элемент <LI> создает пункт меню внутри списка.
Для элемента <OL> можно использовать следующие атрибуты:
START - определяет первое число, с которого начинается нумерация пунктов.
TYPE - определяет стиль нумерации пунктов. Может иметь значения:
"A" - заглавные буквы A, B, C ...
"a" - строчные буквы a, b, c ...
"I" - большие римские числа I, II, III ...
"i" - маленькие римские числа i, ii, iii ...
"1" - арабские числа 1, 2, 3 ...
По умолчанию <UL TYPE="1">.
Пример описания списков:
|
|
1.5.4.Таблицы
Элемент <TABLE> создает таблицу. Обязательно должен иметь начальный и конечный теги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов:
<CAPTION> - задает заголовок таблицы;
<TR> – задает строку таблицы;
<TD> – задает столбец (ячейку) таблицы;
<TH> – то же что и <TD>, но определяет ячейку как заголовок.
У элементов <TD> и <TH> среди прочих есть важные атрибуты, позволяющие производить объединение ячеек по горизонтали и вертикали:
<COLSPAN> - определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
<ROWSPAN> - определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
Пример описания таблицы:
1.6.Изображения
Элемент IMG Используется для вставки изображений в HTML-документ. Это один из самых популярных элементов, незаменимый инструмент web-дизайнера. Элемент допускает вставку изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Элемент IMG не имеет конечного тега.
1.7.Задание на лабораторную работу
Согласно своему варианту предметной области создать набор веб-страниц. Приветствуются инициативные темы.
Главная страница (index.html) имеет три фрейма – «Категории», «Объекты», «Описания».
Фрейм «Категории» должен содержать перечень ссылок на категории объектов предметной области. Например, для предметной области «Реактивные самолеты»: «Гражданские», «Учебно-тренировочные», «Сверхзвуковые» т.д., всего не менее 3-х категорий.
Фрейм «Объекты» должен содержать общее описание выбранной категории и перечень ссылок на объекты этой категории, включая их уменьшенные изображения, не менее 3-х объектов для каждой категории.
Фрейм «Описания» должен содержать описание выбранного объекта – его характеристики, свойства, изображения и т.д.
Таким образом, проект должен содержать следующие файлы (имена файлов могут быть изменены):
index.html - фреймовая структура;
categories.html - перечень ссылок на категории и ссылка «главная страница»;
category1.html .. category3.html – описания категорий и ссылки на объекты категории;
object1-1.html, object1-2.html .. object3-3.html – описания объектов.
При открытии главной страницы в фрейме «Категории» должен отображаться список категорий. Фрейм «Объекты» должен содержать информацию «О проекте», фрейм «Описания» должен содержать описание предметной области в целом. Перечень категорий должен содержать ссылку «Главная страница», при выборе которой страница принимает первоначальный вид.
При выполнении задания необходимо использовать все элементы HTML, описанные в данной лабораторной работе!