К тегу может быть применён атрибут align - выравнивание названия таблицы по горизонтали с возможными значениями left, right и center, а также атрибут valign который говорит от том где должно располагаться название сверху - top или снизу - bottom таблицы.
ВНИМАНИЕ!!!!!! запись: Текст
для браузеров IE и Opera разместит название сверху таблицы по её левому краю, а для браузера Firefox это будет значить, что название следует размещать слева от самой таблицы.
строка1 ячейка1строка1 ячейка2строка1 ячейка3строка2 ячейка2строка2 ячейка3строка3 ячейка2
Могут задаваться как в пикселях, так и в процентах по отношению к ширине/высоте экрана.
таблицы на веб.pptx
Презентация "Таблицы в HTML"
Таблицы в HTML
Описание
таблицы
Описание
строки
Описание
ячейки
Таблицы в HTML
Презентация "Таблицы в HTML"
Таблицы в HTML
пример
результ
ат
Таблицы в HTMLпримеррезультат
Презентация "Таблицы в HTML"
Таблицы в HTML
Объединение
ячеек.
Таблицы в HTMLОбъединение ячеек.
Презентация "Таблицы в HTML"
Таблицы в HTML
Объединение
ячеек.
Данная ячейка займет 3
строки
Данная ячейка займет 2
колонки
Таблицы в HTMLОбъединение ячеек.
| строка1 ячейка1 | строка1 ячейка2 | строка1 ячейка3 |
| строка2 ячейка2 | строка2 ячейка3 | |
| строка3 ячейка2 | ||
Презентация "Таблицы в HTML"
Таблицы в HTML
Размеры
таблицы
ШИРИНА
ВЫСОТА
Могут задаваться как в пикселях,
так и в процентах по отношению к
ширине/высоте экрана.
15%
25%
50%
60%
Таблицы в HTMLРазмеры таблицы
Презентация "Таблицы в HTML"
Таблицы в HTML
Использование таблицы для макетирования
страницы:
таблица это хороший и удобный инструмент для верстки
страницы..
Таблицы в HTMLИспользование таблицы для макетирования страницы:таблица это хороший и удобный инструмент для верстки страницы..
Презентация "Таблицы в HTML"
Таблицы в HTML
АТРИБУТЫ ТЕГА и
Таблицы в HTMLАТРИБУТЫ ТЕГА и
Презентация "Таблицы в 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,3 | 9 | 489 |
| Итого: | 20,9 | 53,3 | 83,2 | 844 |
Презентация "Таблицы в HTML"
Таблицы в HTML
Название таблицы и её описание
К тегу может быть применён атрибут
align - выравнивание названия таблицы по
горизонтали с возможными значениями left, right и
center, а также атрибут valign который говорит от
том где должно располагаться название сверху - top
или снизу - bottom таблицы.
ВНИМАНИЕ!!!!!! запись: Текст
-для браузеров IE и Opera разместит название сверху
таблицы по её левому краю, а для браузера Firefox это
будет значить, что название следует размещать
слева от самой таблицы.
Таблицы в HTMLНазвание таблицы и её описание
Презентация "Таблицы в HTML"
Таблицы в HTML
Группировка строк.
, и . Данные теги являют
собой емкость для строк таблицы (тег ) позволяя
тем самым группировать и логически ими управлять.
К данным тегам допускается применять атрибуты выравнивания
текста в ячейках align и valign, указывать цвет фона строк
взятых в группу с помощью bgcolor, делать всплывающую
подсказку с помощью title, однако на практике работать во всех
браузерах будет только align и title.
Таблицы в HTMLГруппировка строк.
Презентация "Таблицы в HTML"
Таблицы в HTML
Пример группировки строк:
Основное предназначение тегов , и
- это логическая группировка строк в
группы, а это в свою очередь облегчает работу с
таблицей, например через стили или скрипты, теперь
не нужно определять тот же стиль для каждой
строчки, а достаточно указать его для всей группы..
Таблицы в HTMLПример группировки строк:
Презентация "Таблицы в HTML"
Пример соединения технологии создания
таблиц в HTML и описания стилей для групп
строк в CSS
Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
04.02.2017
Посмотрите также:
© ООО «Знанио»
С вами с 2009 года.
О портале
