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

Презентация:



Advertisements
Похожие презентации
Создание ссылок и карт ссылок Лекция 3. Создание гиперссылок Гиперссылки - контекстные связи между расположенными в Интернете материалами. Они являются.
Advertisements

Тег - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
Тэг - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
Т а б л и ц ы в. Таблица в HTML организуется как набор столбцов и строк. Таблицы являются стандартом HTML. В первом приближении таблица Web-страницы –
ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА ЧастьI1. Работа с таблицами: создание, обрамление, слияние ячеек, построение вложенных таблиц. Оформление таблиц.
Таблицы Минимальный набор тегов и их параметров для создания таблицы. Документ может содержать произвольное число таблиц, причём допускается вложенность.
Название страницы содержание страницы Структура любого HTML файла.
Тема : Использование различных приемов форматирования. Таблицы в HTML.
11 класс. №026. Вставка таблиц в HTML-документ.
Теги, создающие таблицу внешний тег таблицы (начинает и заканчивает таблицу) тег, создающий строку тег создающий.
Язык HTML HyperText Markup Language Язык разметки гипертекста.
1.Вывод стандартных табличных данных 2.Позиционирование различных элементов – картинок, фрагментов текста – в строго заданных местах. Хотя, современная.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Таблицы таблицы нужны для: Представления информации в табличном виде. Расположения текста в несколько колонок. Таблица, состоящая из одной ячейки, может.
Фреймы в HTML. Фреймы Фрейм (англ. frame кадр, рамка) в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию. Фрейм (в.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Инструментальные средства создания электронных образовательных ресурсов План лекции 2 Основные теги языка HTML: оформление таблиц; понятие ссылки, оформление.
HTML Урок 2 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия.
(HyperText Markup Language) – язык гипертекстовой разметки.
Инструментальные средства создания электронных образовательных ресурсов План лекции 1 Общее представление о языке HTML. Подготовка к созданию HTML-документа.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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