|
Урок №8-9 теги таблицы строка таблицы заголовок ячейка таблицы граница
|
| Дата | 28.11.2023 | | өлшемі | 311,44 Kb. | | #131085 | | түрі | Урок |
| Байланысты: 8-9 Таблицы. Табличная верстка
Таблицы. Табличная верстка
УРОК №8-9
ТЕГИ ТАБЛИЦЫ
ГРАНИЦА
Устанавливает толщину рамки в пикселах.
css
td, th {
border:
}
Не забывайте, что вы можете указать отдельные границы: border-top, border-bottom, border-left, border-right
CELLSPACING, CELLPADDING
- cellspacing
Задает расстояние между внешними границами ячеек.
- css: border-spacing: 7px 11px;
- cellpadding
Определяет расстояние между границей ячейки и ее содержимым.
- ...
- css: padding
ALIGN VALIGN
... |
... |
css
vertical-align: baseline|bottom|middle|sub|super|text-bottom|text-top|top|inherit | значение | проценты
text-align: center | justify | left | right | start | end
WIDTH HEIGHT
BORDER-COLLAPSE
Значения:
- separate Рамки ячеек располагаются раздельно.
- collapse Рамки ячеек сливаются в одну, а промежутки между рамками убираются.
- inherit Наследует значение свойства от родительского элемента.
Синтаксис
- table {border-collapse: collapse;}
COLSPAN, ROWSPAN
- Устанавливает число ячеек, которые должны быть объединены.
- объединение ячеек по горизонтали
- объединение ячеек по вертикали
THEAD TBODY TFOOT
Табличная верстка
Структура страницы похожа на таблицу
ПОЧЕМУ ТАБЛИЦЫ?
- Колонки
- Можно задавать ширину и высоту в %
- Склейка изображений из разных частей (разные части находятся в разных ячейках)
- Выравнивание
МИНУСЫ
- Долгая загрузка
- Громоздкий код
- Плохая индексация поисковиками
- Нет разделения содержимого и оформления
- Несоответствие стандартам
Конец
ПОСЛЕСЛОВИЕ
Давайте подведем итоги урока!
Чему мы научились? Что мы использовали?
К чему мы пришли? |
Достарыңызбен бөлісу: |
