Table_html

0

No comments posted yet

Comments

Slide 1

Вывод стандартных табличных данных Позиционирование различных элементов – картинок, фрагментов текста – в строго заданных местах. В современная концепция WEB-дизайна рекомендует делать разметку страницы с помощью тегов <DIV> и таблиц стилей CSS. Использование таблиц

Slide 2

Тег <table> </table> - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен Теги <tr></tr> и <td></td> - описывают строки и столбцы (ячейки таблицы). Тег <th> </th> - описывает заголовки в первой строке таблицы. Тег <caption> </ caption > - описывает заголовок таблицы.

Slide 3

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

Slide 4

Атрибуты для тэга <table> title =“Текст“ всплывающая подсказка width = число ширина таблицы в процентах или пикселях height = число рекомендуемая высота таблицы только в пикселях cellspacing = число расстояние между ячейками cellpadding = число расстояние между содержимым и рамкой colls = число заранее сообщает браузеру количество столбцов в таблице.

Slide 5

<body bgcolor="#008080"> <table border="3" bordercolor="#ff00ff“ cellpadding="10" cellspacing="10"> <tr> <td background="4.jpg"> A </td> <td bgcolor="#C0C0C0"> <img src="6.jpg" > </td> </tr> </table> </body>

Slide 6

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

Slide 7

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

Slide 8

<tr>- строка таблицы В этом тэге можно использовать почти все атрибуты, что и в тэге таблицы. Но действуют они только в этой строке. <th> - ячейки таблицы с заголовками столбцов <td>- ячейки таблицы с данными В этих тэгах тоже можно применять почти все атрибуты таблицы. Для оформления текста можно использовать все тэги форматирования. Таблица строится по строкам. Сначала прописываются все ячейки в первой строке, затем – во второй, и т.д.

Summary: гаврыш светлана таблицы html

URL: