СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Работа с таблицами в HTML

Категория: Информатика

Нажмите, чтобы узнать подробности

Этот урок научит создавать HTML таблицы и манипулировать их свойствами.

Когда-то HTML таблицы использовались для верстки сайтов, но сегодня идеологами современных версий языков гипертекстовой разметки: XHTML и HTML 5, рекомендовано применять таблицыпо назначению, то есть для представления данных.

Именно с помощью таблиц  оформляется контент при табличной верстке сайтов.

Просмотр содержимого документа
«Работа с таблицами в HTML»

HTML таблицы - тег table

Содержание урока:

Создаем таблицу

Оформляем таблицу

Оформляем строки и ячейки

Создание таблиц в html



Таблица - один из основных инструментов для создания web-страниц. 

Без использования CSS, только с помощью таблиц можно создавать страницы со сложным дизайном.
Любая таблица представляет собой набор строк и столбцов, на пересечении которых находятся ячейки. Например:

Название таблицы

столбец 1

столбец 2

столбец 3

первый столбец первой строки

второй столбец первой строки

третий столбец первой строки

первый столбец второй строки

второй столбец второй строки

третий столбец второй строки

первый столбец третьей строки

второй столбец третьей строки

третий столбец третьей строки



Рассмотрим нашу таблицу с точки зрения HTML: 


  • сама таблица задается с помощью тегов 

  • у таблицы есть название - теги 

  • таблица состоит из строк - теги 

  • каждая строка состоит из столбцов - теги 

  • столбцы имеют названия, расположенные в первой строке - теги 

Создадим таблицу, где в качестве содержимого укажем пересечение номеров строк и столбцов:



html table


Название таблицы

123
111213
212223
313233