Таблицы HTML - документов

Июль 21, 2022

Главная
Информатика
Таблицы HTML - документов

Содержание

2. Тэг - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными
3. Таблицы в HTML
4. Простейшая таблица Таблица из одной строки из трех столбцов без указания ширины таблицы и ячеек. толщина
5. Атрибуты для тэга Align - выравнивание таблицы относительно документа. Возможные значения: center, left, right Valign -
6. Выравнивание VALIGN="top"> По центру, по верхней границе WIDTH=200>По правой границе, по середине ... всей таблицы: информации
7. Атрибуты для тэга title =“Текст“ - всплывающая подсказка width = число - ширина таблицы в процентах
8. Размеры ... ширина в пикселях или в % от ширины окна браузера высота в пикселях ...
9. A
10. rules - описывает рамки внутри таблицы. Значения: Атрибуты для тэга
11. frame - описывает параметры внешней рамки. Значения: Атрибуты для тэга
12. Фон и цвет текста Привет! Таблица из двух строк и двух столбцов цвет фона фоновый рисунок
13. Отступы 1 2 интервал между ячейками отступ внутри ячеек CELLSPACING CELLSPACING CELLPADDING CELLPADDING
14. Объединение ячеек Привет! Вася, Петя, Маша! Привет! Вася, Петя, Маша! column span охват столбцов row span
15. Вложенные таблицы Вася Петя Маша Даша 1 22 333 4444
16. Добавление заголовка таблицы Заголовок таблицы можно создать с помощью известных вам тэгов — Но поскольку ширина
18. Скачать презентацию

Слайд 2

Тэг

- создает таблицу. Все прочие элементы таблицы – текст,

рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тэг обязателен

Тэги и

- описывают строки и столбцы (ячейки таблицы).

Тэг

- описывает заголовки в первой строке таблицы.

Тэг

- описывает заголовок таблицы.

Слайд 3

Таблицы в HTML

Слайд 4

Простейшая таблица

Таблица из одной строки из трех столбцов без
указания ширины таблицы
и ячеек.

толщина рамки
TABLE таблица
TR = table row строка таблицы
TD = table data данные таблицы
TH = table header заголовок (жирный, по центру)

Слайд 5

Атрибуты для тэга

Align - выравнивание таблицы относительно документа. Возможные значения:
center, left, right
Valign - выравнивает текст в таблице по вертикали. Значения: top, bottom, middle, baseline.
background=“имя файла“ строка, определяющая рисунок для заднего фона таблицы
bgcolor =цвет - определяет задний фон таблицы
border - толщина внешней рамки в пикселях. Если атрибут не указан, то таблица выводится без видимой рамки
bordercolor =цвет - цвет рамки
bordercolorlight =цвет - цвет рамки слева и сверху
bordercolordark =цвет - цвет рамки справа и снизу
Слайд 6
Выравнивание

VALIGN="top">

По
центру, по
верхней границе
WIDTH=200>По правой границе,
по середине

...

всей таблицы:
информации в ячейках:
left,
center,
right
left,
center,
right
top,
middle,
bottom

Слайд 7

Атрибуты для тэга

title =“Текст“ - всплывающая подсказка
width = число
- ширина таблицы в процентах или пикселях

height = число - рекомендуемая высота таблицы только в пикселях
cellspacing = число - расстояние между ячейками
cellpadding = число - расстояние между содержимым и рамкой
colls = число - заранее сообщает браузеру количество столбцов в таблице.
Слайд 8
Размеры

...

ширина в пикселях или в % от ширины окна

браузера

высота в пикселях

...

всей таблицы:

строки:

ячейки:

...

ширина в пикселях или в % от ширины таблицы

Слайд 9

A
src="6.jpg" >

Слайд 10

rules - описывает рамки внутри таблицы. Значения:
Атрибуты для тэга

Слайд 11
frame - описывает параметры внешней рамки. Значения:
Атрибуты для тэга

Слайд 12
Фон и цвет текста

BGCOLOR="red">

Привет!
Таблица из двух строк и двух столбцов

цвет фона
фоновый рисунок

Слайд 13

Отступы

= white>

1 2

интервал между ячейками
отступ внутри ячеек
CELLSPACING
CELLSPACING
CELLPADDING
CELLPADDING

Слайд 14

Объединение ячеек

Привет!
Вася, Петя, Маша!

Привет! Вася,
Петя,
Маша!

column span охват столбцов
row span охват строк

Слайд 15

Вложенные таблицы

Вася Петя

Маша Даша

1 22

333 4444

Слайд 16

Добавление заголовка таблицы
Заголовок таблицы можно создать с помощью известных вам тэгов

<Н1>—<Н6>
Но поскольку ширина таблицы может отличаться от ширины окна обозревателя, выровнять текстовый заголовок относительно таблицы может оказаться довольно сложно.

Поэтому для создания заголовков лучше использовать тэг , который создает заголовок непосредственно в таблице.