|
|
ЛАБОРАТОРНАЯ РАБОТА 8 таблицы. Лабораторная работа 8 Тема работы Создание таблиц в htmlдокументе. Цель работы Научиться создавать и редактировать таблицы в терминах языка html
ЛАБОРАТОРНАЯ РАБОТА №8
Тема работы: Создание таблиц в HTML-документе.
Цель работы: Научиться создавать и редактировать таблицы в терминах языка HTML.
Теоретическая часть: Таблицы представляют собой особую часть HTML-документа. Данные в ней организованы в виде прямоугольной сетки, состоящей из вертикальных столбцов и горизонтальных рядов. Каждая клетка таблицы является ячейкой. Ячейки могут содержать в себе текст, графику или другую таблицу.
Таблица заполняется горизонтальными рядами ячейка за ячейкой слева направо. Заполнение начинается с левого верхнего угла и заканчивается правым нижним. Каждая ячейка должна быть заполнена. Для создания пустых ячеек используются пробелы.
Теги оформления таблиц
Тег
|
Форма записи
|
Примечание
|
TABLE
|
|
Объявление таблиц.
|
TR
|
| текст
Объявление строки.
|
TD
|
| текст |
Объявление ячейки в строке.
|
TH
|
| текст |
Заголовок столбца. Текст, заключенный между тегами | | , автоматически выделяется полужирным шрифтом и позиционируется по центру ячейки. Применение необязательно.
Атрибуты тега
Атрибут
|
Форма записи
|
Примечание
|
BORDER
|
Задает рамку вокруг таблицы.
|
WIDTH
|
Задает ширину таблицы как ХХ% от ширины страницы или как ХХ пикселей.
|
BGCOLOR
|
Задает цвет фона таблицы.
|
ALIGN
|
|
|
Устанавливает выравнивание по горизонтали (X=Right, X=Left, X=Center)
|
CELLSPACING
|
Расстояние между ячейками в пикселях X
|
CELLPADDING
|
Размер свободного пространства между границами ячейки и ее содержимым в пикселях X
|
HSPACE="число"
|
Размер свободного пространства слева и справа от таблицы, в пикселях
|
VSPACE="число"
|
Размер свободного пространства сверху и снизу от таблицы, в пикселях
|
BGCOLOR
|
Задает цвет фона ячейки.
|
BORDERCOLOR
|
Цвет рамки таблицы
|
BACKGROUND
|
|
Фоновое изображение таблицы
|
Атрибуты тегов | и |
Атрибут
|
Форма записи
|
Примечание
|
ALIGN
|
|
|
Устанавливает выравнивание по горизонтали (Right, Left, Center)
|
VALIGN
|
|
|
Устанавливает выравнивание по вертикали (Top – по верхнему краю, Middle – по середине, Bottom – по нижнему краю)
|
WIDTH
|
|
|
Задает ширину ячейки (строки) как ХХ% от ширины страницы или как ХХ пикселей.
|
BGCOLOR
|
|
|
Задает цвет фона ячейки (строки).
|
BORDERCOLOR
|
|
|
Цвет рамки ячейки (строки).
|
BACKGROUND
|
| |
Фоновое изображение ячейки (строки).
|
Если нужно задать заголовок всей таблицы, используйте тег:
ALIGN="где" >Текст заглавия.
Он должен быть внутри тега , но вне описания ячеек. Тег имеет один параметр: ALIGN - указывает положение заголовка: он может быть в верхней (TOP) или нижней (BOTTOM) части таблицы.
Таблицы позволяют эффективно размечать Web-страницы. Принимая толщину рамки равной нулю BORDER="0", можно сделать разметку невидимой.
Простейший пример таблицы:
|
ГОРОД
|
СТРАНА
|
Иванов
|
Москва
|
Россия
|
Смит
|
Техас
|
США
|
| ГОРОД | СТРАНА |
|---|
Иванов | Москва | Россия |
Смит | Техас | США |
|
|
|
|
|
|
|
| |
|
Скачать 77 Kb.