Таблицы в HTML Описание таблицы Описание строки Описание ячейки.

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



Advertisements
Похожие презентации
Oсновы HTML - 2 Hyper Text Markup Language. Структура таблицы …
Advertisements

Тег - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
Таблицы Минимальный набор тегов и их параметров для создания таблицы. Документ может содержать произвольное число таблиц, причём допускается вложенность.
Т а б л и ц ы в. Таблица в HTML организуется как набор столбцов и строк. Таблицы являются стандартом HTML. В первом приближении таблица Web-страницы –
Тэг - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. Допускается также вложение таблиц одна в.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Название страницы содержание страницы Структура любого HTML файла.
1.Вывод стандартных табличных данных 2.Позиционирование различных элементов – картинок, фрагментов текста – в строго заданных местах. Хотя, современная.
Тема : Использование различных приемов форматирования. Таблицы в HTML.
Структура HTML-документа HTML – язык разметки гипертекстовых документов.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
Рогозина Светлана Яковлевна МБОУ СОШ 12 МО город-курорт Анапа Краснодарский край, учитель информатики.
Oсновы HTML Hyper Text Markup Language. Идеологи Тим Бернерс-Ли британский учёный (1989) Тед Нельсон - американский социолог, изобретатель гипертекста.
Теги, создающие таблицу внешний тег таблицы (начинает и заканчивает таблицу) тег, создающий строку тег создающий.
Создание таблиц Язык HTML. Постановка задачи Создать таблицу, состоящую из двух строк и трех столбцов размером 50 Х 35.
Основы языка HTML Теги разметки документа. Тег (tag - указатель, метка) Команда или фрагмент кода, который описывает определенный элемент документа HTML.
Web-страницы и Web-сайты. Структура Web- страницы.
Бегущая строка ТЕКСТ Всем привет!!!. параметры бегущей строки Bgcolor = цвет Всем привет!!! 1. ФОНОВЫЙ ЦВЕТ.
11 класс. №026. Вставка таблиц в HTML-документ.
4.3 Каскадные таблицы стилей. Каскадные таблицы стилей (Cascading Style Sheets, CSS) способ оформления страниц HTML, позволяющий с помощью параметров.
Транксрипт:

Таблицы в HTML Описание таблицы Описание строки Описание ячейки

Таблицы в HTML пример результат

Таблицы в HTML Объединение ячеек.

Таблицы в HTML Объединение ячеек. строка1 ячейка1 строка1 ячейка2 строка1 ячейка3 строка2 ячейка2 строка2 ячейка3 строка3 ячейка2 Данная ячейка займет 3 строки Данная ячейка займет 2 колонки

Таблицы в HTML Размеры таблицы ШИРИНА ВЫСОТА Могут задаваться как в пикселях, так и в процентах по отношению к ширине/высоте экрана. 15% 25% 60% 50%

Таблицы в HTML Использование таблицы для макетирования страницы: таблица это хороший и удобный инструмент для верстки страницы..

Таблицы в HTML АТРИБУТЫ ТЕГА и

Таблицы в HTML Название таблицы и её описание Энергетическая ценность продуктов питания: Продукт Белки Жиры Углеводы ккал Хлеб ржаной 4,7 0,7 49,8 214 Молоко 2,8 3,2 4,7 58 Картофель 2 0,1 19,7 83 Свинина 11,4 49, Итого: 20,9 53,3 83,2 844 Пример: Результат: Формат записи:

Таблицы в HTML Название таблицы и её описание К тегу может быть применён атрибут align - выравнивание названия таблицы по горизонтали с возможными значениями left, right и center, а также атрибут valign который говорит от том где должно располагаться название сверху - top или снизу - bottom таблицы. ВНИМАНИЕ!!!!!! запись: Текст -для браузеров IE и Opera разместит название сверху таблицы по её левому краю, а для браузера Firefox это будет значить, что название следует размещать слева от самой таблицы. Такое описание никак не отображается и не выводится на экран обычными браузерами, однако может быть использовано поисковыми системами, а так же речевыми браузерами.

Таблицы в HTML Группировка строк., и. Данные теги являют собой емкость для строк таблицы (тег ) позволяя тем самым группировать и логически ими управлять. К данным тегам допускается применять атрибуты выравнивания текста в ячейках align и valign, указывать цвет фона строк взятых в группу с помощью bgcolor, делать всплывающую подсказку с помощью title, однако на практике работать во всех браузерах будет только align и title.

Таблицы в HTML Пример группировки строк: Основное предназначение тегов, и - это логическая группировка строк в группы, а это в свою очередь облегчает работу с таблицей, например через стили или скрипты, теперь не нужно определять тот же стиль для каждой строчки, а достаточно указать его для всей группы..

Пример соединения технологии создания таблиц в HTML и описания стилей для групп строк в CSS