5 Внеурочные занятия 8 класс. Добавление таблицы на страницу HTML
презентация к уроку (8 класс)
Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев.
Скачать:
| Вложение | Размер |
|---|---|
 Добавление таблицы на страницу HTML | 397.79 КБ |
Предварительный просмотр:
Подписи к слайдам:
Таблица на веб-странице. Элемент < table > служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов < tr > и < td > . Внутри < table > допустимо использовать разные элементы, мы рассмотрим только строки и ячейки. Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев. Синтаксис < table > < tr > < td >Содержимое ячейки 1 < td >Содержимое ячейки 2
Атрибуты табличного тега Атрибуты Align - Определяет выравнивание таблицы . Background - Задает фоновый рисунок в таблице . Bgcolor - Цвет фона таблицы . Border - Толщина рамки в пикселах . Bordercolor - Цвет рамки . Cellpadding - Отступ от рамки до содержимого ячейки . Cellspacing - Расстояние между ячейками . Cols - Число колонок в таблице . Frame - Сообщает браузеру, как отображать границы вокруг таблицы . Height - Высота таблицы . Rules - Сообщает браузеру, где отображать границы между ячейками . Summary - Краткое описание таблицы . Width - Ширина таблицы . Также для этого тега доступны универсальные атрибуты и события . Закрывающий тег о бязателен .
ПРИМЕР: таблица чемпионов UEFA с добавлением оформления страницы фоном и шрифтом Чтобы реализовать этот пример необходимо фоновое изображение сохранить в папке с html- файлом страницы.
ПРИМЕР: таблица чемпионов UEFA с добавлением оформления страницы фоном и шрифтом
задание: изменить оформление, размеры или другие параметры таблицы с использованием атрибутов, указанных на слайде 3 дополнительное задание: найти изображения флагов стран-победителей и добавить ячейки, в которые поместить эти изображения. Например:
По теме: методические разработки, презентации и конспекты
Технологическая карта внеурочного занятия по учебному предмету «За страницами учебника русского языка» в 5 классе на тему «Писать ли, как слышится, или что такое орфография»
Технологическая карта внеурочного занятияпо учебному предмету «За страницами учебника русского языка» в 5 классе на тему «Писать ли, как слышится, или что такое орфография»...
1 Внеурочные занятия 8 класс. Основы HTML Инструменты разработчика
Любая web-страница может содержать текст, графику и гиперссылки на другие ресурсы Интернета. Чтобы реализовать все эти возможности, был разработан специальный язык описания web-документов, названный...
2 Внеурочные занятия 8 класс. Основы языка разметки гипертекста HTML
HTML - это инструмент, используемый для написания основы веб-сайтов.По сути, HTML - довольно простой язык разметки (не язык программирования), состоящий из элементов, которые:-придают различные ...
3 Внеурочные занятия 8 класс. Форматирование текста, списки на HTML-странице
Форматирование текста — средства его изменения, такие как выбор начертания шрифта и использование эффектов, позволяющих менять вид текста. Списком называется взаимосвязанный набор отдельных...
4 Внеурочные занятия 8 класс. Добавление изображения на страницу HTML
Для добавления изображения в документ применяется тег <img>.Это непарный тег (не требуется закрывающая часть )У этого тега есть обязательный атрибут src, который определяет путь к граф...
6 Внеурочные занятия 8 класс. Создание сайта. Добавление ссылок на страницу HTML
Современные веб-сайты – это гораздо больше, чем совокупность текста, разметки, стилей, скриптов и мультимедийных ресурсов. Все эти упомянутые элементы позволяют в полной мере воспользоваться пре...
7 Внеурочные занятия 8 класс. Добавление стилей на страницу HTML
В целом, HTML используется для описания содержимого документа, а не его стиля. CSS (Cascade Style Sheets) – каскадные таблицы стилей же используется, чтобы указать стиль документа (оформление), ...