Практическая работа №36. Тема : html. Создание таблиц




Скачать 57.53 Kb.
НазваниеПрактическая работа №36. Тема : html. Создание таблиц
Дата публикации06.03.2013
Размер57.53 Kb.
ТипПрактическая работа
uchebilka.ru > Право > Практическая работа
определяет строку в таблице. Парный ему тег является необязательным, его можно не использовать.

Атрибуты:

align - выравнивает текст в ячейке

valign - выравнивает текст в ячейке по вертикали

Тег является необязательным, его можно не использовать.

Атрибуты:

height

Указывает высоту элемента в процентах или пикселях

align - выравнивает текст в ячейке

left - по левому краю (по умолчанию)

rigth - по правому краю

center - по центру

valign - выравнивает текст в ячейке по вертикали

top - по верхнему краю

middle - по центру

bottom - по нижнему краю

colspan - указывает кол-во столбцев, которое объединено в одной ячейке (по умолчанию=1)

rowspan - указывает кол-во строк, которое объединено в одной ячейке (по умолчанию=1)

title - всплывающая подсказка

Можно ещё использовать тег обязателен.

Атрибуты:

bgcolor - цвет фона

bordercolor - цвет рамки для элемента

height - указывает высоту элемента в процентах или пикселях

align - выравнивает текст в ячейке

valign - выравнивает текст в ячейке по вертикали

colspan - указывает кол-во столбцев, которое объединено в одной ячейке (по умолчанию=1)

rowspan - указывает кол-во строк, которое объединено в одной ячейке (по умолчанию=1)

title - всплывающая подсказка

Тег

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


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

Цель: Познакомиться с языком HTML, получить навыки работы с обязательными тегами, научиться создавать и форматировать документ.

Время: 80 мин.

Задание: Ознакомиться с основами языка HTML. В редакторе Hefs (загрузить с сайта) создать простую Web-страничку с различными заголовками, списками, рисунками, ссылками.

Литература:

  1. Гаевский. Информатика 7-11, стр. 393-403;

  2. Учебник по Html для чайников;

  3. Популярный справочник по HTML;

  4. К. Поляков. Язык HTML.

Последовательность выполнения работы:

  1. Запустите любой текстовый редактор, лучше – этот: HEFS (HTML Editor For School) — простейший редактор Web-страниц для начинающих.

  2. Создайте в папке «Сайт» (см. практическую работу № 27) новый файл с именем pr29.htm

  3. Создайте заголовок: «Практическая работа № 29»

  4. Измените фон странички.

Для указания фона можно использовать команду «bgcolor», которая прописывается в открывающем тэге боди:



Не рекомендуется использовать тёмные тона, такие сайты плохо читаются…

  1. Создайте две таблицы по образцу:



При создании сайтов таблицы используются очень часто. Таблица задается тэгом:  


Тег создает таблицу. Все прочие элементы таблицы должны быть вложенными в него. Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег
обязателен.


Атрибуты:

align - выравнивание таблицы относительно документа. Возможные значения: center, left, right

background - строка, определяющая рисунок для заднего фона

bgcolor - определяет задний фон таблицы

border - толщина рамки в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки

bordercolor - цвет рамки

cellspacing - задает расстояние между ячейками таблицы

cellpadding - задает расстояние между содержимым ячейки и ее рамкой

rules - описывает рамки вокруг таблицы. Может принимать следующие значения

all

отображает все части рамки внутри таблицы

cols

отображает все вертикальные рамки внутри таблицы

groups

отображает горизонтальные части рамки между группами таблицы THEAD, TBODY, TFOOT (tfoot устарел, не стоит им пользоваться)

none

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

rows

отображает все горизонтальные рамки внутри таблицы

summary - описание таблицы для удобства людей, использующих браузеры, поддерживающие азбуку Бройля или речевой вывод

title - всплывающая подсказка

width - ширина таблицы в процентах или пикселах

Таблица состоит из строк и столбцов (ячеек), поэтому нам надо еще и указать их.

Тег
определяет отдельную ячейку в таблице. Парный ему тег . Тег определяет заголовок для столбца в таблице. Обычно, выделяются жирным шрифтом. Закрывающий тег
определяет заголовок для таблицы TABLE. Элемент CAPTION может располагаться только непосредственно после начального тега TABLE. Элемент TABLE может включать только один элемент CAPTION. Закрывающий тег обязателен.

Сверьте свой код с этим:





Таблица















Заголовок таблицы
Заголовок 1Заголовок 2Заголовок 3
Ячейка 1

Ячейка 2

Ячейка 3

Ячейка 4

Ячейка 5

Ячейка 6







Таблица № 2
Ячейка 1

Ячейка 2

Ячейка 3

Ячейка 4

Ячейка 5

Ячейка 6


Добавить документ в свой блог или на сайт

Похожие:

Практическая работа №36. Тема : html. Создание таблиц iconПрактическая работа №35. Тема : html
Тема: html. Cоздание списков, вставка рисунков, использование гиперссылок, размещение Web-странички на сервере

Практическая работа №36. Тема : html. Создание таблиц iconПрактическая работа №14 Тема: Создание базы данных в среде ms
Тема: Создание базы данных в среде ms access, создание таблиц, ввод данных в таблицы, использование форм

Практическая работа №36. Тема : html. Создание таблиц iconПрактическая работа №25. Тема: LibreOffice
Тема: LibreOffice Calc. Создание и форматирование таблиц. Вычисления в таблицах. Построение диаграмм

Практическая работа №36. Тема : html. Создание таблиц iconПрактическая работа №24
Тема:   Форматирование текста, создание и форматирование таблиц в LibreOffice Writer. Вычисления в таблицах

Практическая работа №36. Тема : html. Создание таблиц iconПрактическая работа №1 Тема: Создание и редактирование электронных таблиц, ввод формул в таблицу
Лист1 переименуйте и дайте новое имя «Успеваемость» (используя контекстное меню)

Практическая работа №36. Тема : html. Создание таблиц iconПрактическая работа №31. Тема : wysiwyg html-редактор
Тема: wysiwyg html-редакторы и программы для веб-дизайна Dreamweaver и Microsoft Office SharePoint Designer. Форматирование текста,...

Практическая работа №36. Тема : html. Создание таблиц iconПрактическая работа № Тема : Создание, редактирование и форматирование...
Тема: Создание, редактирование и форматирование таблиц. Вычисления в таблицах, использование формул

Практическая работа №36. Тема : html. Создание таблиц iconПрактическая работа №37. Тема : html. Применение фреймов
Цель: Познакомиться с языком html, получить навыки работы с обязательными тегами, научиться создавать и форматировать документ с...

Практическая работа №36. Тема : html. Создание таблиц iconПрактическая работа №33. Тема : Создание простейшего Web-документа
Цель: Познакомиться с языком html, овладеть техникой  создания Web-страниц, научиться применять гиперссылки внутри Web-документа

Практическая работа №36. Тема : html. Создание таблиц iconЛабораторная работа тема : Использование языка html и css
Цель работы : Создание архитектуры сайта с использованием библиотеки стилей css и языка html

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
uchebilka.ru
Главная страница


<