Атрибуты

Краткие теоретические и учебно-методические материалы по теме практической работы

Размещение таблиц на html-странице. Объединение ячеек таблицы

Размещение таблиц на html-странице. Форматирование ячеек таблицы

1) Создайте новую HTML-страницу.

2) Создайте новую Web-страницу. Разместите на странице таблицу.
Выровняйте таблицу по центру страницы.
Цвет заднего фона таблицы = "#E2E2E2".
Ширина таблицы = 500 пикселей.
Расстояние между границей ячейки и ее содержимым = 15 пикселей.
Толщина границы = 5 пикселей, цвет границы = "#008000
Цвет второго ряда таблицы = #FFFFCA"
Цвет ячейки 3 = "#FFCACA", цвет ячейки 5 = "#ECFFEC" (см. пример).

Форматирование заднего фона таблиц, рядов и ячеек:

3) Сохраните страницу в личной папке в файл table2.html

1) Создайте новую HTML-страницу.

2) Создайте новую Web-страницу.
Разместите на странице таблицу из 5 рядов и 5 колонок.
Выполните объединение ячеек таблицы, как показано в примере

Объединение ячеек таблицы:

3) Сохраните страницу в личной папке в файл table3.html

Контрольные вопросы

1.С помощью каких атрибутов тега «table» объединяются ячейки?

2.Как задается расстояние между границей ячейки и ее содержимым?

3.Какие атрибуты тега «table» вы применяли в данной практической работе? Что они обозначают?

Практическое занятие 7-8

«Дополнительные элементы языка HTML для форматирования web-страниц»

Цель работы: Научиться применять тег «Горизонтальные линии (тег <HR>)», "Escape-поcледовательности" и «Физические и логические стили».

Образовательные результаты, заявленные во ФГОС третьего поколения:

Студент должен

уметь:

- составлять HTML-код страницы;

- проектировать web-приложения;

знать:

- синтаксис HTML.

HTML-файл содержит один тип управляющих конструкций - теги (tags).

тег — единица разметки;

элемент — составная часть документа.

Назначение тегов:

- разделяютисходный неформатированный текст документа на элементы;

- создаютновые элементы, которым ничего не соответствовало в тексте (например, графические вставки или Java-апплеты).

Виды тегов:

- парные, охватывающие какой-то фрагмент текста и/или другие теги,

<парный-тег>текст или другие теги</парный-тег>

Парные теги должны вкладываться друг в друга без пересе­чений, т. е. если в области действия тега А открылся тег В, он должен закрыться до того, как закроется тег А.

<A> <B> </B> </A>

- непарные, стоящие в одиночестве:

<непарный-тег>

Многие теги, как парные, так и непарные, имеют атрибуты, изменяющие и уточняющие действие тега:

<тег атрибут1="значение" атрибут2="значение"...>

Регистр букв в идентификаторах тегов и атрибутов (но не в значениях атрибутов) не учитывается. Пары атрибут="значение" распознаются как таковые только внутри угловых скобок тега и отделяются друг от друга пробелами.

Дата добавления: 2014-12-24