html таблицы. Как создать html таблицу
в Macromedia Dreamweaver
В этом уроке речь пойдет о том, что такое html
таблицы, каковы их основные свойства, и о том,
как легко html таблица может быть построена в программе
Macromedia Dreamweaver.
html таблицы - эта огромная часть языка
html, которую нужно знать очень хорошо, потому, что практически
все сайты основываются на html таблицах. Грамотным сочитанием
таблиц, обьединением необходимых ячеек, можно создать классный
дизайн. Также большинство менюшек построено на табличном
стиле. Короче вы поняли :)
Основные тэги html таблицы
Таблица: <TABLE>...</TABLE>
Самый главный тэг html таблицы. В него заключаются все
остальные теги. Его название легко запомнить, так как в
переводе с английского table означает таблица.
Каждая html таблица состоит из строк и
столбцов- это ее основа.
Строка таблицы: <TR>...</TR>
Строка определяется парой тэгов <TR>...</TR>.
Примерно так <TR> содержимое строки
</TR>
Столбец таблицы: <TD>...</TD>
Аналогично , как со строками. <TD>
содержимое столбца </TD>
Рамка html таблицы: BORDER
например если BORDER =3px это означает, что ширина рамки
таблицы 3 пикселя. По умолчанию ширина рамки нулевая!
Горизонтальное выравнивание html таблицы:
ALIGN
Атрибут управляет положением данных в ячейках по горизонтали.
Может принимать значения left (слева), right (справа) или
center (по центру)
Вертикальное выравнивание html таблиц:
VALIGN
Он определяет вертикальное размещение данных в ячейках.
Может принимать значения top (вверху), bottom (внизу), middle
(по середине) и baseline (все ячейки строки прижаты кверху).
В теории это все скучно и не интересно, да и кажется что
сложновато. На самом деле, все элементарно просто,
можете скачать видеоурок и убедиться в этом!
html таблица может быть
очень легко создана в программе Macromedia Dreamweaver .
Чтобы создать таблицу необходимо выбрать пункт меню Common
- Insert Table
Появиться следующее окно, где можно задать
основные параметры таблицы:
Rows- количество рядов
таблицы html
Colums- количество колонок
таблицы html
Width- ширина таблицы,
можно задавать в пикселях(фиксированную) и в процентах от
ширины экрана.
Border - толщина рамки
Cell padding- отступ до
текста внутри ячейки
Cell Spasing - зазор между
ячейками таблицы
Затем можно настроить еще и фоновый цвет,
фоновое изображение, цвет рамки , можно обьединять ячейки,
все эти функции находятся в меню Properties в нижней части
экрана Macromedia Dreamweaver. Узнать подробнее
о всех функциях можно из видеоурока!
|
