Таблицы таблицы нужны для: Представления информации в табличном виде. Расположения текста в несколько колонок. Таблица, состоящая из одной ячейки, может.

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



Advertisements
Похожие презентации
Теги, создающие таблицу внешний тег таблицы (начинает и заканчивает таблицу) тег, создающий строку тег создающий.
Advertisements

Таблицы Минимальный набор тегов и их параметров для создания таблицы. Документ может содержать произвольное число таблиц, причём допускается вложенность.
Тема : Использование различных приемов форматирования. Таблицы в HTML.
Гиперссылки, таблицы «Создание Web-сайтов» Занятие 3.
Название страницы содержание страницы Структура любого HTML файла.
11 класс. №026. Вставка таблиц в HTML-документ.
Тэг - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
Т а б л и ц ы в. Таблица в HTML организуется как набор столбцов и строк. Таблицы являются стандартом HTML. В первом приближении таблица Web-страницы –
Тег - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
Рогозина Светлана Яковлевна МБОУ СОШ 12 МО город-курорт Анапа Краснодарский край, учитель информатики.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
1.Вывод стандартных табличных данных 2.Позиционирование различных элементов – картинок, фрагментов текста – в строго заданных местах. Хотя, современная.
Oсновы HTML Hyper Text Markup Language. Идеологи Тим Бернерс-Ли британский учёный (1989) Тед Нельсон - американский социолог, изобретатель гипертекста.
Язык HTML Web-дизайн Web – World Wide Web (WWW) Всемирная паутина. Design – проектирование, конструирование. Web-дизайн – проектирование в Интернете.
HTML (HyperText Markup Language). Основные понятия Элемент – конструкция языка HTML. Он состоит из 3 частей: открывающий тег, содержимое, закрывающий.
Язык HTML HyperText Markup Language Язык разметки гипертекста.
Создание таблиц. Вложенные таблицы. Лекция 4. Создание таблиц Любая таблица в HTML определяется с помощью тега. Все что расположено между тегами и, считается.
Занятие 7 Таблицы и списки. Создание нумерованных и маркированных списков Список всегда располагается между открывающим и закрывающим тегом списка: и.
Oсновы HTML - 2 Hyper Text Markup Language. Структура таблицы …
Транксрипт:

Таблицы таблицы нужны для: Представления информации в табличном виде. Расположения текста в несколько колонок. Таблица, состоящая из одной ячейки, может очень эффектно выделить фрагмент текста, на который Вы хотите обратить внимание читателя.

Таблица 1 1, 1 1, 2 2, 1 2, 2 и заканчивается меткой Таблица начинается с метки 1,11,2 2,2 2,1 Таблица 1 ячейки строки

Как устроена таблица 1,11,2 2,2 2,1 Виртуальный зоопарк Оформление простейшей таблицы Таблица 1 1-ая строка, 1-ая ячейка 1-ая строка, 2-ая ячейка 2-ая строка, 1-ая ячейка 2-ая строка, 2-ая ячейка Таблица 1

Метка может включать несколько атрибутов:

Атрибуты метки ALIGN WIDTH BORDER CELLSPACING CELLPADDING

BORDER Устанавливает ширину внешней рамки таблицы и ячеек в пикселах ( например, BORDER=4). Если атрибут не установлен, таблица показывается без рамки. Таблица BORDER=4

ОБЫЧНАЯ ТАБЛИЦА 3X2 A B C D E F

ALIGN Устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо). Таблица

ОБЫЧНАЯ ТАБЛИЦА 3X2 A B C D E F

WIDTH (Ширина таблицы) % в процентах от ширины страницы (например, WIDTH=30%). в пикселах (например, WIDTH= 120) Ее можно задать

CELLSPACING Устанавливает расстояние между рамками ячеек таблицы в пикселах (например, CELLSPACING=2).

CELLPADDING Устанавливает расстояние между рамкой ячейки и текстом в пикселах (например, CELLPADDING=10 ). текст

CAPTION Таблица может иметь заголовок (... ), хотя заголовок не является обязательным. Метка может включать атрибут ALIGN. Допустимые значения: (заголовок помещается над таблицей) и (заголовок помещается под таблицей).

TR Каждая строка таблицы начинается с метки и заканчивается меткой. Метка может включать следующие атрибуты: ALIGN Устанавливает выравнивание текста в ячейках строки. Допустимые значения: ALIGN=«LEFT» (выравнивание влево), ALIGN=«CENTER» (выравнивание по центру), ALIGN=«RIGHT» (выравнивание вправо). VALIGN Устанавливает вертикальное выравнивание текста в ячейках строки. Допустимые значения: VALIGN=«TOP» (выравнивание по верхнему краю), VALIGN=«MIDDLE» (выравнивание по центру), VALIGN=«BOTTOM» (выравнивание по нижнему краю).

ALIGN VALIGN NOWRAP COLSPAN ROWSPAN WIDTH HEIGHT

ALIGN Устанавливает выравнивание текста в ячейке. Допустимые значения: ALIGN=«LEFT»(выравнивание влево), ALIGN=«CENTER» (выравнивание по центру), ALIGN=«RIGHT» (выравнивание вправо)

VALIGN Устанавливает вертикальное выравнивание текста в ячейке. Допустимые значения: VALIGN=«TOP» (выравнивание по верхнему краю), VALIGN=«MIDDLE» (выравнивание по центру), VALIGN=«BOTTOM» (выравнивание по нижнему краю).

NOWRAP Присутствие этого атрибута означает, что содержимое ячейки должно быть показано в одну строку.

COLSPAN Устанавливает "размах" ячейки по горизонтали. Например, COLSPAN=«3» означает, что ячейка простирается на три колонки.

ПРИМЕР С COLSPAN

ROWSPAN Устанавливает "размах" ячейки по вертикали. Например, ROWSPAN=2 означает, что ячейка занимает две строки.

WIDTH Устанавливает ширину ячейки в пикселах (например, WIDTH=«200»).

HEIGHT Устанавливает высоту ячейки в пикселах (например, HEIGHT=«40»).

ячейка таблицы пуста Если ячейка таблицы пуста, вокруг нее не рисуется рамка. Если ячейка пуста, а рамка нужна, в ячейку можно ввести символьный объект (non-breaking space неразрывающий пробел). Ячейка по-прежнему будет пустой, а рамка вокруг нее будет. Любая ячейка таблицы может содержать в себе другую таблицу.

Цветовое решение ВЕРБЛЮД

МЕДВЕДЬ СЛОН

ВЕРБЛЮД МЕДВЕДЬ

СЛОН

Пример использования COLSPAN Результаты олимпиады по информатике Личные данные Результаты Фамилия, имя класс школа баллы место

Плюшкин Иван Чушкин Сергей Кадушкин Петр

Пример использования COLSPAN Результаты олимпиады по информатике Личные данные Результаты Фамилия, имя класс школа баллы место

Плюшкин Иван Чушкин Сергей Кадушкин Петр