Создание таблиц. Вложенные таблицы. Лекция 4. Создание таблиц Любая таблица в HTML определяется с помощью тега. Все что расположено между тегами и, считается. - презентация

1 Создание таблиц. Вложенные таблицы. Лекция 4

2 Создание таблиц Любая таблица в HTML определяется с помощью тега. Все что расположено между тегами и, считается таблицей. Однако, если вы напишете Это уже таблица, но браузер отобразит просто обычный текст. Мало создать таблицу, надо задать в ней строки и хотя бы одну ячейку. Любая таблица в HTML определяется с помощью тега. Все что расположено между тегами и, считается таблицей. Однако, если вы напишете Это уже таблица, но браузер отобразит просто обычный текст. Мало создать таблицу, надо задать в ней строки и хотя бы одну ячейку.

3 Создание таблиц С помощью атрибута WIDTH можно устанавливать любую ширину таблицы, а в атрибуте HEIGHT ее высоту, при этом таблица отображается в браузере в пикселях. С помощью атрибута WIDTH можно устанавливать любую ширину таблицы, а в атрибуте HEIGHT ее высоту, при этом таблица отображается в браузере в пикселях.

4 Создание таблиц Чтобы текст не прилипал к границе ячеек, необходимо применить атрибут CELLPADDING. Его значение определяет, на сколько точек текст будет отступать от края ячейки. Кроме того, имеется еще атрибут CELLSPACING которое задет расстояние между ячейками таблицы. Чтобы текст не прилипал к границе ячеек, необходимо применить атрибут CELLPADDING. Его значение определяет, на сколько точек текст будет отступать от края ячейки. Кроме того, имеется еще атрибут CELLSPACING которое задет расстояние между ячейками таблицы.

5 Создание таблиц Чтобы таблица не казалась очень скучной, можно придать ей оттенки, цвета и фон. BORDERCOLOR- задает цвет рамки. Чтобы таблица не казалась очень скучной, можно придать ей оттенки, цвета и фон. BORDERCOLOR- задает цвет рамки. Можно создать вид выпуклости. Вместо BORDERCOLOR употребим атрибуты BORDERCOLORLIGHT и BORDERCOLORDARK задающие цвет, светлой и темной сторон рамки. Эти атрибуты поддерживаются только броузером IE. Можно создать вид выпуклости. Вместо BORDERCOLOR употребим атрибуты BORDERCOLORLIGHT и BORDERCOLORDARK задающие цвет, светлой и темной сторон рамки. Эти атрибуты поддерживаются только броузером IE.

6 Создание таблиц Дескриптор позволяет снабдить таблицу заголовком, уточняющим ее назначение и содержание. По умолчанию большинство браузеров располагает заголовок по центру и над таблицей. Атрибут ALIGN со значением bottom дает возможность перенести заголовок непосредственно под таблицу. Такое положение заголовка уместно в тех случаях, если он достаточно велик и содержит информацию, подытоживающую данные, представленные в таблице. Дескриптор позволяет снабдить таблицу заголовком, уточняющим ее назначение и содержание. По умолчанию большинство браузеров располагает заголовок по центру и над таблицей. Атрибут ALIGN со значением bottom дает возможность перенести заголовок непосредственно под таблицу. Такое положение заголовка уместно в тех случаях, если он достаточно велик и содержит информацию, подытоживающую данные, представленные в таблице. Список групп Список групп

7 Создание таблиц Строки таблицы создаются с помощью тега и его закрывающего тега, а ячейки с основной информацией - и его закрывающего тега (этот тег дает возможность определения ячеек для хранения данных таблицы). Дескриптор отвечает за создание ячеек с заголовками. Строки таблицы создаются с помощью тега и его закрывающего тега, а ячейки с основной информацией - и его закрывающего тега (этот тег дает возможность определения ячеек для хранения данных таблицы). Дескриптор отвечает за создание ячеек с заголовками. Хотя, если внести теги Хотя, если внести теги Это уже таблица Это уже таблица то результат окажется таким же что и раньше. Дело в том, что по умолчанию таблицы отображаются без рамки, а следовательно нужно задать рамку при помощи тега в теге то результат окажется таким же что и раньше. Дело в том, что по умолчанию таблицы отображаются без рамки, а следовательно нужно задать рамку при помощи тега в теге

8 Создание таблиц Для объединения соседних строк используется атрибут ROWSPAN, а для объединения соседних столбцов используется атрибут COLSPAN. Для объединения соседних строк используется атрибут ROWSPAN, а для объединения соседних столбцов используется атрибут COLSPAN. ячейка ячейка

9 Создание таблиц Иногда требуется в таблице оставить пустой одну, две ячейки. Необходимо добавить теги, если необходимо пустое место без ячейки, а если надо добавить незаполненную ячейку необходимо вставить пробел между этими тегами Иногда требуется в таблице оставить пустой одну, две ячейки. Необходимо добавить теги, если необходимо пустое место без ячейки, а если надо добавить незаполненную ячейку необходимо вставить пробел между этими тегами

10 Группировка строк таблицы Дескрипторы, u позволяют группировать строки таблицы. Дескрипторы, u позволяют группировать строки таблицы. Дескриптор предоставляет возможность создания группы заголовков для столбцов таблицы. Это средство полезно в тех случаях, когда необходимо снабдить заголовки специальными примерами форматирования, отличными от параметров остальной части содержимого таблицы. Он используется только единожды в пределах таблицы. Дескриптор предоставляет возможность создания группы заголовков для столбцов таблицы. Это средство полезно в тех случаях, когда необходимо снабдить заголовки специальными примерами форматирования, отличными от параметров остальной части содержимого таблицы. Он используется только единожды в пределах таблицы. Дескриптор применяется для создания одной или нескольких групп строк таблицы, содержащих основные данные. Дескриптор применяется для создания одной или нескольких групп строк таблицы, содержащих основные данные. Тег позволяет создать группу строк для предоставления информации о суммах или итогах, располагаемую в нижней части таблицы. Тег позволяет создать группу строк для предоставления информации о суммах или итогах, располагаемую в нижней части таблицы.

11 Группировка столбцов таблицы Дескрипторы COLGROUP и COL представляют возможность группирования столбцов таблицы. Группы столбцов делят таблицу на множества вертикально расположенных ячеек, признаки форматирования которых могут устанавливаться единовременно. Дескрипторы COLGROUP и COL представляют возможность группирования столбцов таблицы. Группы столбцов делят таблицу на множества вертикально расположенных ячеек, признаки форматирования которых могут устанавливаться единовременно. Дескриптор COLGROUP создает структурную группу столбцов, которая выделяет множество логически однородных ячеек. Дескриптор COL предназначен для формирования неструктурных групп столбцов, которые делят таблицу на разделы, не имеющие отношения к структуре. Дескриптор COLGROUP создает структурную группу столбцов, которая выделяет множество логически однородных ячеек. Дескриптор COL предназначен для формирования неструктурных групп столбцов, которые делят таблицу на разделы, не имеющие отношения к структуре.

12 Создание таблиц Атрибут ALIGN позволяет выровнять текст в ячейке по горизонтали, а VALIGN выравнивает текст по вертикали. Используются значения top, middle и bottom. Атрибут ALIGN позволяет выровнять текст в ячейке по горизонтали, а VALIGN выравнивает текст по вертикали. Используются значения top, middle и bottom.

13 Создание таблиц Атрибут BGCOLOR дает возможность указания для элементов таблицы признака цвета, позволяющего выделить важную информацию. Этот атрибут можно помещать как в теге BODY, так и в любом другом теге отвечающим за форматирования таблицы. Атрибут BGCOLOR дает возможность указания для элементов таблицы признака цвета, позволяющего выделить важную информацию. Этот атрибут можно помещать как в теге BODY, так и в любом другом теге отвечающим за форматирования таблицы. Атрибут BACKGROUND позволяет снабдить графическим фоном отдельную ячейку таблицы или всю ее целиком. Используя графическое изображение необходимо помнить что браузеры могут по разному интерпретировать эту информацию, он не входит в стандартный набор HTML. Атрибут BACKGROUND позволяет снабдить графическим фоном отдельную ячейку таблицы или всю ее целиком. Используя графическое изображение необходимо помнить что браузеры могут по разному интерпретировать эту информацию, он не входит в стандартный набор HTML.

14 Создание таблиц При воспроизведении таблицы, описанной дескриптором с атрибутом BORDER, браузер заключает таблицу в рамку и разграничивает линиями ее соседние строки и столбцы. Атрибуты FRAME u RULES позволяют указать, какие именно части линий обрамления таблицы следует отображать. При воспроизведении таблицы, описанной дескриптором с атрибутом BORDER, браузер заключает таблицу в рамку и разграничивает линиями ее соседние строки и столбцы. Атрибуты FRAME u RULES позволяют указать, какие именно части линий обрамления таблицы следует отображать. Атрибут FRAME служит для определения фрагментов внешнего очертания таблицы, подлежащих воспроизведению в окне браузера. Атрибут FRAME служит для определения фрагментов внешнего очертания таблицы, подлежащих воспроизведению в окне браузера. Атрибут RULES предоставляет возможность указания набора внутренних разделительных линий, которые должны быть воспроизведены. Атрибут RULES предоставляет возможность указания набора внутренних разделительных линий, которые должны быть воспроизведены.

15 Внешнее обрамление таблицы Void Все линии внешней границы отсутствуют Above Линия над таблицей Below Линия под таблицей Rhs Линия справа от таблицы Lhs Линия слева от таблицы Hsides Линия над и под таблицей Vsides Линия справа и слева от таблицы Border Все линии внешней границы присутствуют (по умолчанию)

16 Внутренние разделительные линии таблицы None Все внутренние линии отсутствуют Cols Линии между столбцами Rows Линии между строками Groups Линии между группами столбцов и группами строк All Все внутренние линии присутствуют (по умолчанию)

17 Создание таблиц WEB-браузеры обычно выполняют автоматический перенос слов текста внутри ячеек таблицы, руководствуясь значениями ее размеров и принимая во внимание текущие габариты собственного окна. WEB-браузеры обычно выполняют автоматический перенос слов текста внутри ячеек таблицы, руководствуясь значениями ее размеров и принимая во внимание текущие габариты собственного окна. Атрибут NOWRAP позволяет принудительно отключить функцию переноса слов в ячейке таблицы, чтобы обеспечить возможность отображения текста в одну строку. Атрибут NOWRAP позволяет принудительно отключить функцию переноса слов в ячейке таблицы, чтобы обеспечить возможность отображения текста в одну строку. Атрибут NOWRAP следует применять только по отношению к тем ячейкам таблицы, которые содержат короткие фрагменты текста, такие как заголовки или названия товаров. Атрибут NOWRAP следует применять только по отношению к тем ячейкам таблицы, которые содержат короткие фрагменты текста, такие как заголовки или названия товаров. Атрибут NOWRAP теряет свои свойства при взаимодействии дескрипторов u. Атрибут NOWRAP теряет свои свойства при взаимодействии дескрипторов u.