WEB - Лекция 2 - [HTML]
.pdf
Основныеэлементы
Таблицы
Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки.Обычно таблицы используются для упорядочения ипредставления данных. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста иизображений.
|
|
©2014 NetCrackerTechnology CorporationConfidential |
31 |
Основныеэлементы
Атрибуты тега <table>
Атрибут |
Описание |
|
|
align |
Задает выравнивание таблицыпо краю окна браузера. Допустимые |
|
значения: left —выравнивание таблицыпо левомукраю, center — по |
|
центру и right — по правомукраю. Когдаиспользуются значения left и |
|
right, текст начинает обтекать таблицусбоку и снизу. |
bgcolor |
Устанавливает цвет фонатаблицы. |
|
|
border |
Устанавливает толщинуграницы в пикселах вокруг таблицы.При |
|
наличии этого атрибута также отображаются границы междуячеек. |
cellpadding |
Определяет расстояниемежду границей ячейки и ее содержимым. |
|
Этот атрибут добавляет пустое пространство к ячейке, увеличивая тем |
|
самымее размеры. Без cellpadding текст в таблице «налипает» на |
|
рамку, ухудшаятем самымего восприятие. Добавление же cellpadding |
|
позволяетулучшитьчитабельность текста. При отсутствии границ |
|
особого значения этот атрибут не имеет, но можетпомочь, когда |
|
требуется установитьпустой промежутокмежду ячейками. |
|
|
©2014 NetCrackerTechnology CorporationConfidential |
32 |
Основныеэлементы
Атрибуты тега <table>
Атрибут |
Описание |
|
|
cellspacing |
Задает расстояниемежду внешнимиграницамиячеек. Если |
|
установлен атрибут border, толщина границы принимаетсяв расчет и |
|
входитв общее значение. |
cols |
Указывает количество столбцовв таблице. Без этого атрибута таблица |
|
будет показанатолько после того, как все ее содержимоебудет |
|
загружено в браузер и проанализировано.Использованиеатрибута |
|
cols позволяетнесколько ускорить отображение содержимого |
|
таблицы. |
rules |
Сообщает браузеру, где отображать границы междуячейками.По |
|
умолчаниюрамка рисуется вокруг каждойячейки,образуя тем самым |
|
сетку. В дополнение можноуказать отображать линиимежду |
|
колонками(значение cols), строками(rows)или группами (groups), |
|
которые определяются наличиемтегов <thead>, <tfoot>, <tbody>, |
|
<colgroup> или <col>. |
width |
Задает ширинутаблицы. |
|
|
©2014 NetCrackerTechnology CorporationConfidential |
33 |
Основныеэлементы
Блочный элемент <div>
Предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей.
©2014 NetCrackerTechnology CorporationConfidential |
34 |