Меню
Разработки
Разработки  /  Информатика  /  Презентации  /  11 класс  /  Презентация по информатике "Основы HTML. Создание таблиц"

Презентация по информатике "Основы HTML. Создание таблиц"

В презентации представлены основные теги для создания таблиц.
22.12.2015

Описание разработки

Таблица, размещенная на Интернет - странице, может содержать в своих ячейках практически любую информацию: фрагмент текста, рисунок, комбинацию текста и рисунка (с заданным обтеканием), ссылки на другие страницы и пр., включая в том числе и вложенные  таблицы.

В HTML-документе, таблице соответствует структура вложенных друг в друга контейнеров, схематически показанная ниже:

Презентация по информатике Основы HTML. Создание таблиц

Открывающие теги контейнеров TABLE, TR и TD могут быть снабжены параметрами, часть из которых являются общими для них (применимыми в любом из названных тегов).

Параметры тэга TABLE

-  BORDER– толщина разлиновки таблицы в пикселях или нуль, если разлиновку необходимо отключить (таблицы с «невидимой разлиновкой» – это, пожалуй, наиболее удобный в HTML способ размещения текста и графики, а также многоколонной верстки); если параметр BORDER отсутствует, разлиновка также отключена.

- WIDTH – ширина таблицы (может указываться в пикселях или в процентах от ширины всей Интернет-страницы, тогда после числового значения, присваиваемого данному параметру, записывается знак «%»); если содержимое таблицы требует большего ее размера, чем это указано в параметре WIDTH, значение последнего игнорируется.

 - CELLPADDING и CELLSPACING – отступ в пикселях содержимого ячеек от их границ (по умолчанию равен 1 пикселю).

 -  BGCOLOR – цвет фона таблицы (здесь и в остальных тегах –только для Internet Explorer).

Содержимое разработки

Основы HTML Таблицы

Основы HTML

Таблицы

  Таблица, размещенная на Интернет - странице, может содержать в своих ячейках практически любую информацию: фрагмент текста, рисунок, комбинацию текста и рисунка (с заданным обтеканием), ссылки на другие страницы и пр., включая в том числе и вложенные таблицы.    В HTML-документе, таблице соответствует структура вложенных друг в друга контейнеров, схематически показанная ниже:

Таблица, размещенная на Интернет - странице, может содержать в своих ячейках практически любую информацию: фрагмент текста, рисунок, комбинацию текста и рисунка (с заданным обтеканием), ссылки на другие страницы и пр., включая в том числе и вложенные таблицы.

В HTML-документе, таблице соответствует структура вложенных друг в друга контейнеров, схематически показанная ниже:

  Открывающие теги контейнеров ,  и  могут быть снабжены параметрами, часть из которых являются общими для них (применимыми в любом из названных тегов).

Открывающие теги контейнеров

, и
могут быть снабжены параметрами, часть из которых являются общими для них (применимыми в любом из названных тегов).

- BORDER – толщина разлиновки таблицы в пикселях или нуль, если разлиновку необходимо отключить (таблицы с «невидимой разлиновкой» – это, пожалуй, наиболее удобный в HTML способ размещения текста и графики, а также многоколонной верстки); если параметр BORDER отсутствует, разлиновка также отключена. " width="640"

Параметры тэга TABLE

- BORDER – толщина разлиновки таблицы в пикселях или нуль, если разлиновку необходимо отключить (таблицы с «невидимой разлиновкой» – это, пожалуй, наиболее удобный в HTML способ размещения текста и графики, а также многоколонной верстки); если параметр BORDER отсутствует, разлиновка также отключена.

 - WIDTH – ширина таблицы (может указываться в пикселях или в процентах от ширины всей Интернет-страницы, тогда после числового значения, присваиваемого данному параметру, записывается знак «%»); если содержимое таблицы требует большего ее размера, чем это указано в параметре WIDTH , значение последнего игнорируется.  - CELLPADDING и CELLSPACING – отступ в пикселях содержимого ячеек от их границ (по умолчанию равен 1 пикселю).  - BGCOLOR – цвет фона таблицы (здесь и в остальных тегах –только для Internet Explorer).

- WIDTH – ширина таблицы (может указываться в пикселях или в процентах от ширины всей Интернет-страницы, тогда после числового значения, присваиваемого данному параметру, записывается знак «%»); если содержимое таблицы требует большего ее размера, чем это указано в параметре WIDTH , значение последнего игнорируется.

- CELLPADDING и CELLSPACING – отступ в пикселях содержимого ячеек от их границ (по умолчанию равен 1 пикселю).

- BGCOLOR – цвет фона таблицы (здесь и в остальных тегах –только для Internet Explorer).

- А LIGN – значение LEFT , CENTER или RIGHT указывают горизонтальное выравнивание содержимого для всех ячеек данной строки. - VALIGN – определяет вертикальное выравнивание содержимого всех ячеек строки: значение ТОР предписывает располагать все текстовые строки по верху ячеек, BOTTOM – по низу, CENTER – центрировать их по высоте ячейки. - BGCOLOR – здесь этот параметр определяет отдельный цвет фона только для ячеек данной строки таблицы. " width="640"

Параметры тэга TR

- А LIGN – значение LEFT , CENTER или RIGHT указывают горизонтальное выравнивание содержимого для всех ячеек данной строки.

- VALIGN – определяет вертикальное выравнивание содержимого всех ячеек строки: значение ТОР предписывает располагать все текстовые строки по верху ячеек, BOTTOM – по низу, CENTER – центрировать их по высоте ячейки.

- BGCOLOR – здесь этот параметр определяет отдельный цвет фона только для ячеек данной строки таблицы.

- WIDTH – ширина ячейки таблицы (в пикселях или в процентах относительно ширины всей таблицы, в последнем случае после числового значения записывается знак «%»); заметим, что важным является указание ширины ячеек только в первой строке таблицы, ширина всех последующих ячеек автоматически устанавливается по расположенным в первой строке, даже если для них установлены иные значения параметра WIDTH. " width="640"

Параметры тега TD

- WIDTH – ширина ячейки таблицы (в пикселях или в процентах относительно ширины всей таблицы, в последнем случае после числового значения записывается знак «%»); заметим, что важным является указание ширины ячеек только в первой строке таблицы, ширина всех последующих ячеек автоматически устанавливается по расположенным в первой строке, даже если для них установлены иные значения параметра WIDTH.

 - ALIGN – здесь значение LEFT, CENTER и RIGHT определяет горизонтальное выравнивание содержимого только для данной ячейки.  - VALIGN – значение TOP , CENTER или BOTTOM определяет вертикальное выравнивание содержимого только для данной ячейки.  - BGCOLOR – определяет отдельный цвет фона для данной ячейки.  - COLSPAN и ROWSPAN – объединение нескольких ячеек в одну по горизонтали и вертикали, соответственно.

- ALIGN – здесь значение LEFT, CENTER и RIGHT определяет горизонтальное выравнивание содержимого только для данной ячейки.

- VALIGN – значение TOP , CENTER или BOTTOM определяет вертикальное выравнивание содержимого только для данной ячейки.

- BGCOLOR – определяет отдельный цвет фона для данной ячейки.

- COLSPAN и ROWSPAN – объединение нескольких ячеек в одну по горизонтали и вертикали, соответственно.

 Практическая работа Тема: «Создание таблицы».  Задание: Создать таблицу «Моя успеваемость в школе».

Практическая работа

Тема: «Создание таблицы».

Задание: Создать таблицу

«Моя успеваемость в школе».

-75%
Курсы дополнительного образования

Создание динамических веб-страниц с помощью PHP и MySQL

Продолжительность 72 часа
Документ: Cвидетельство о прохождении курса
4000 руб.
1000 руб.
Подробнее
Скачать разработку
Сохранить у себя:
Презентация по информатике "Основы HTML. Создание таблиц" (68.5 КB)

Комментарии 0

Чтобы добавить комментарий зарегистрируйтесь или на сайт

© 2008-2024, ООО «Мультиурок», ИНН 6732109381, ОГРН 1156733012732

Учителю!
Огромная база учебных материалов на каждый урок с возможностью удаленного управления
Тесты, видеоуроки, электронные тетради