- Преподавателю
- Информатика
- Конспект урока: Создание простейших HTML-таблиц
Конспект урока: Создание простейших HTML-таблиц
Раздел | Информатика |
Класс | 11 класс |
Тип | Конспекты |
Автор | Кузнецова Ю.В. |
Дата | 05.02.2016 |
Формат | doc |
Изображения | Нет |
Создание простейших HTML-таблиц
Создание таблицы: … .
Внутри этой пары тегов располагается описание содержимого таблицы. Любая таблица состоит из одной или нескольких строк, в каждой из которых задаются данные для отдельных ячеек.
Создание строки: … .
Создание ячейки: и или и .
Тегиспользуется обычно для ячеек-заголовков таблицы, а - для ячеек-данных. Различие в использовании заключается лишь в типе шрифта, используемого по умолчанию для отображения содержимого ячеек, а также расположению данных внутри ячейки.
Параметры тега
1. Создание рамки таблицы: BORDER= «…» (числовое значение)
2. Расстояние между смежными ячейками (точнее между рамками ячеек) как по горизонтали, так и по вертикали: CELLSPACING= «…» (числовое значение)
3. Размер свободного пространства (отступа) между рамкой ячейки и данными внутри ячейки CELLPADDING= «…» (числовое значение)
4. Ширина таблицы: WIDTH= «…» (числовое значение) (и для ячеек таблицы)
5. Высота таблицы: HEIGHT= «…» (числовое значение) (и для ячеек таблицы)
6. Заливка таблицы: BGCOLOR= «…» (и для тега строк, и для тега ячеек)
7. Расположение таблицы в области просмотра: ALIGN= «…» (LEFT, RIGHT, CENTER)
Параметры форматирования данных внутри ячеек таблицы:
1. Горизонтальное выравнивание содержимого ячеек - ALIGN= «…» (значения LEFT, RIGHT и CENTER)
2. Вертикальное выравнивание содержимого ячеек - VALIGN= «…» (значения ТОР (по верхнему краю), BOTTOM (по нижнему краю), MIDDLE (посередине), BASELINE (по базовой линии))
Параметры объединения ячеек:
1. COLSPAN= «…» (на сколько столбцов следует расширить текущую ячейку по горизонтали)
2. ROWSPAN = «…» (количество строк, которые должна захватить текущая ячейка по вертикали)
Отображение пустых ячеек в таблицах
Ячейки, содержащие невидимые данные, к примеру, могут содержать код ; или код перевода строки
, или любой текст, цвет которого совпадает с цветом фона ячейки.