ЛАБОРАТОРНАЯ РАБОТА №4
Тема работы: Создание таблиц в HTML-документе.
Цель работы: Научиться создавать и редактировать таблицы в терминах языка HTML.
Теоретическая часть: Таблицы представляют собой особую часть HTML-документа. Данные в ней организованы в виде прямоугольной сетки, состоящей из вертикальных столбцов и горизонтальных рядов. Каждая клетка таблицы является ячейкой. Ячейки могут содержать в себе текст, графику или другую таблицу. Таблица состоит из трех основных частей:
название таблицы,
заголовки столбцов,
ячейки.
Таблица заполняется горизонтальными рядами ячейка за ячейкой слева направо. Заполнение начинается с левого верхнего угла и заканчивается правым нижним. Каждая ячейка должна быть заполнена. Для создания пустых ячеек используются пробелы.
Теги оформления таблиц
Тег
|
Форма записи
|
Примечание
|
TABLE
|
|
Объявление таблиц.
|
TR
|
| текст
Объявление строки.
|
TD
|
| текст |
Объявление ячейки в строке.
|
Атрибуты тега
Атрибут
|
Форма записи
|
Примечание
|
BORDER
|
Задает рамку вокруг таблицы.
|
WIDTH
|
Задает ширину таблицы как ХХ% от ширины страницы или как ХХ пикселов.
|
BGCOLOR
|
Задает цвет фона таблицы.
|
Атрибуты тегов | и |
Атрибут
|
Форма записи
|
Примечание
|
ALIGN
|
|
|
Устанавливает выравнивание по горизонтали (Right, Left, Center)
|
VALIGN
|
|
|
Устанавливает выравнивание по вертикали (Top, Middle, Bottom, Baseline)
|
BGCOLOR
|
|
|
Задает цвет фона ячейки.
|
Еще один тег для оформления ячеек таблиц — тег ... | — нужен для задания заголовочных ячеек. Он во всем совпадает с тегом , но в отличие от него, содержимое выдается жирным шрифтом и центрируется.
Если нужно задать заголовок всей таблицы, используйте тег .... Он должен быть внутри тега , но вне описания ячеек. Тег имеет один параметр:
ALIGN - указывает положение заголовка: он может быть в верхней (TOP) или нижней (BOTTOM) части таблицы.
Ход работы:
Создание простой таблицы.
Запустите стандартную программу Блокнот (Notepad) и наберите следующий текст с элементами форматирования:
V курс
Понедельник
Пара | 3-8581 | 3-8582 | 3-8583 |
1 | Мировые инф. рес-сы | Проектирование Интернет-приложений | Тхн. проект-ия СП |
2 | Проектирование Интернет-приложений | Мировые инф. рес-сы | Проектирование Интернет-приложений |
3 | Тхн. проект-ия СП | Тхн. проект-ия СП | Мировые инф. рес-сы |
| | |
Do'stlaringiz bilan baham: |
