Таблица начинается с тега <TABLE> и заканчивается тегом </TABLE>
<TABLE>
< описание таблицы >
</TABLE>
Метка <TABLE> может включать несколько атрибутов:
Таблица может иметь заголовок, он помещается между тегами <CAPTION> и </CAPTION>.
<CAPTION> может включать атрибут ALIGN.
Допустимые значения:
<CAPTION ALIGN=TOP> (заголовок помещается над таблицей)
<CAPTION ALIGN=BOTTOM> (заголовок помещается под таблицей).
Каждая строка таблицы начинается с метки <TR> и заканчивается меткой </TR>.
Метка <TR> может включать атрибуты:
Align
Bgcolor
Background
Каждая строка таблицы состоит из заголовочных ячеек, заключаемых в маркеры <TH> и </TH>
или ячеек данных, обрамляемых маркерами <TD> и </TD>.
Метка <TD> может включать следующие атрибуты:
ALIGN | Устанавливает выравнивание текста в ячейке. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо). |
WIDTH | Устанавливает ширину ячейки в пикселях (например, WIDTH=200). |
HEIGHT | Устанавливает высоту ячейки в пикселях (например, HEIGHT=40). |
Вопросы для закрепления теоретического материала к практическому занятию
|
|
Исправить ошибки:
<html>
<head> <title>Ищем ошибки <title>
<bodi bg color = 000000>
<br>Здесь много ошибок</br>
<hr>
<h2> align="center">
Внимательно СМОТРИТЕ
</hr>
</body> html>
Задания для практического занятия:
Создать документ, в котором информация представлена в виде таблицы
<HTML>
<HEAD>
<TITLE>Таблица</TITLE>
</HEAD>
<BODY>
<FONT COLOR="990033">
<H1 ALIGN="CENTER" > Комплектующие компьютера </H1>
<TABLE ALIGN="CENTER" WIDTH=600 BORDER=1>
<CAPTION ALIGN=TOP> Таблица </CAPTION>
<TR>
<TH> <H2> Название </H2></TH>
<TH> <H2> Фото </H2> </TH>
</TR>
<TR>
<TD HEIGHT=80> Системный блок </TD>
<TD HEIGHT=80> <IMG SRC="Case4.jpg" HEIGHT=50 WIDTH=80> </TD>
</TR>
Самостоятельно заполнить следующие 3 строки. Оформить цветом.
Форма контроля выполнения практических работ:
Студент предоставляет созданную таблицу и демонстрирует страницу сайта, в котором создана и отредактирована таблица.
Критерии оценки:
Созданы все строки и столбцы таблицы, выполнена самостоятельное задание, таблица отформатирована - оценка 5
Выполнены все, но есть неточности – 4
Задания выполнены частично, редактирование неполное – 3
Задание не выполнено-2.
Занятие 44
Практическая работа по теме:
5.5.Вставка графики и звука. Тестирование и публикация Web-сайта.
Учебные цели и задачи: научиться записыватьтеги для вставки изображений и картинок,
на практике закрепить умения по представлению графической информации на Web-страницах.