Презентация на тему: Web- страницы. Язык HTML

Web- страницы. Язык HTML
Web- страницы. Язык HTML
Web- страницы. Язык HTML
Web- страницы. Язык HTML
Web- страницы. Язык HTML
Web- страницы. Язык HTML
Web- страницы. Язык HTML
Web- страницы. Язык HTML
Web- страницы. Язык HTML
1/9
Средняя оценка: 4.9/5 (всего оценок: 43)
Код скопирован в буфер обмена
Скачать (125 Кб)
1

Первый слайд презентации: Web- страницы. Язык HTML

© К.Ю. Поляков, 2007-2008 Тема 6. Таблицы

Изображение слайда
2

Слайд 2

2 Простейшая таблица < TABLE BORDER="1"> < TR > < TD >Таблица из одной строки</ TD > < TD >из трех столбцов</ TD > < TD >без указания ширины таблицы и ячеек.</ TD > </ TR > </ TABLE > толщина рамки TABLE таблица TR = table row строка таблицы TD = table data данные таблицы TH = table header заголовок (жирный, по центру)

Изображение слайда
3

Слайд 3

3 Размеры <TABLE WIDTH ="60%" HEIGHT ="300"> ... </TABLE> ширина в пикселях или в % от ширины окна браузера высота в пикселях <TR HEIGHT ="50"> ... </TR> всей таблицы: строки: ячейки: <TD WIDTH = "2 5 %" HEIGHT ="50"> ... </TD> ширина в пикселях или в % от ширины таблицы

Изображение слайда
4

Слайд 4

4 Выравнивание <TABLE BORDER="1"> <TR ALIGN ="center" VALIGN ="top"> <TD WIDTH=120 HEIGHT=100>По центру, по верхней границе</TD> <TD ALIGN ="right" VALIGN ="middle" WIDTH=200>По правой границе, по середине</TD> </TR> </TABLE> <TABLE ALIGN ="center"> ... </TABLE> всей таблицы: информации в ячейках: left, center, right left, center, right top, middle, bottom

Изображение слайда
5

Слайд 5

5 Фон и цвет текста <TABLE BORDER="1" BGCOLOR ="green"> <TR HEIGHT=30 BGCOLOR ="blue"> <TD>< FONT COLOR="white">Привет!</ FONT ></TD> <TD BGCOLOR ="red"></TD> </TR> <TR> <TD BACKGROUND ="web.jpg">Таблица из двух строк</TD> <TD>и двух столбцов</TD> </TR> </TABLE> цвет фона фоновый рисунок

Изображение слайда
6

Слайд 6

6 Отступы <TABLE CELLSPACING = 10 CELLPADDING = 10 BGCOLOR = blue> <TR BGCOLOR = white> <TD WIDTH = 100>1</TD> <TD WIDTH = 100>2</TD> </TR> </TABLE> интервал между ячейками отступ внутри ячеек CELLSPACING CELLSPACING CELLPADDING CELLPADDING

Изображение слайда
7

Слайд 7

7 Объединение ячеек <TABLE BORDER="1"> <TR> <TD COLSPAN ="3">Привет!</TD> </TR> <TR> <TD>Вася,</TD> <TD>Петя,</TD> <TD>Маша!</TD> </TR> </TABLE> <TABLE BORDER="1"> <TR> <TD ROWSPAN ="3">Привет!</TD> <TD>Вася,</TD> </TR> <TR><TD>Петя,</TD></TR> <TR><TD>Маша!</TD></TR> </TABLE> column span охват столбцов row span охват строк

Изображение слайда
8

Слайд 8

8 Вложенные таблицы <TABLE BORDER="0" CELLSPACING=10> <TR><TD> </TD> <TD> </TD></TR> </TABLE> <TABLE BORDER="1"> <TR><TD> Вася </TD><TD> Петя </TD></TR> <TR><TD> Маша </TD><TD> Даша </TD></TR> </TABLE> <TABLE BORDER="1"> <TR><TD>1</TD><TD>22</TD></TR> <TR><TD>333</TD><TD>4444</TD></TR> </TABLE>

Изображение слайда
9

Последний слайд презентации: Web- страницы. Язык HTML

9 Таблицы в HEFS

Изображение слайда