Основные табличные структуры

Дата добавления: 2014-12-02; просмотров: 549; Нарушение авторских прав

Давайте начнем с очень простого примера. Он связан с представлением таблицы чисел 2 на 2 (единичная матрицa) без каких либо заголовков. Код HTML выглядит следующим образом:

<TABLE>

</TABLE>

и обычно представляется броузером следующим образом:

Дополнительные свойства; типичная таблица с текстовыми ячейками

Есть несколько элементов, которые Вы можете добавить к вышерассмотренной простой табличной модели:

· Заголовок (caption) для таблицы, связанный с самой таблицей (в дополнение к строкам текста о таблице в документе).

· Подзаголовки (headers) (объяснения) как для табличных строк, так и для колонок.

· Рамки (borders) вокруг таблицы и каждой табличной ячейки.

Заметим, что атрибуты ALIGN и VALIGN могут существенно влиять на качество отображения, устанавливают расположение таблицы по отношению к полям документа. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо). WIDTH - ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или в процентах от ширины страницы (например, WIDTH=80%).

Упражнение 1.Создать следующий HTML- документ, используя тэги форматирования текста

1. Откройте окно текстового редактора Блокнот. Сохраните данный документ как Задание1.html

2. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-броузеру, что ваш документ написан с использованием HTML. Поэтому в первой строке нашего документа набираем <HTML>.

3. Чтобы ввести заголовок окна, далее набираем:

<HEAD>
<TITLE> Пример работы

<== предыдущая лекция	\|	следующая лекция ==>
Лабораторная работа №22	\|	С тэгами. Форматирование