Задание.

1. Запустите текстовый редактор и создайте html-документ. В документ включите ссылки для более наглядного перемещения по документу.

Название страницы: Актюбинский Университет.

Содержимое страницы: Информация об Университете.

Например

Небольшая статья об Актюбинском Университете.

Содержание

Введение

• История создания Актюбинского Университета.

• Актюбинский Университет сегодня.

Факультеты

• Физико-математический факультет

• Информатика и ВТ.

• Математическое моделирование.

• Математический анализ.

• Кафедра Алгебры и Геометрии

• Филологический факультет

• Исторический факультет

Актюбинский Унверситет был создан в 1964 году.

На сегодня на балансе университета 6 учебных корпусов, Дворец спорта, Дворец студентов. В Университете учится 3304 студента на 108 специальностях.

Физико-математический факультет.

Факультет основан в 1964 году. Первым деканом факультета был . На данный момент деканом факультета является доктор наук Шункеев.

Кафедра Информатики и ВТ

Заведующим кафедры является кандидат наук Сауханова Жанат Сергазиевна.

И так далее.

2. Сохраните полученный документ под названием lab6.Htm.

3. Запустите браузер ms Internet Explore для просмотра данного документа. Лабораторная работа №7

Тема: Использование таблиц в HTML-документе..

Цель работы: Научиться работать с таблицами в HTML-языке.

Инструменты: Текстовый редактор NotePad. HTML-браузер MS Internet Explore.

Краткие сведения из теории

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

Создается таблица с помощью конструкции

<TABLE параметры >

<CAPTION>Заголовок</CAPTION>

<TR параметры>

<TD параметры>

...

</TD>

.... </TR>

</TABLE>

Тег TABLE начинает описание таблицы и может иметь следующие параметры:

BORDER - определяет толщину рамки таблицы. Если указано нулевое значение то рамка не отображается. Если этот параметр не указан, его значение считается нулевым (рамка не отображается).

WIDTH, HEIGHT - указывает размеры таблицы, если они должны быть жестко заданы.

ALIGN - определяет, как должна быть выровнена таблица: справа (RIGHT), слева (LEFT) или в центре (CENTER) страницы.

CELLSPACING - число точек между отдельными ячейками в таблице.

CELLPADDING - число точек между рамкой и содержимым ячейки.

С помощью тега <TR параметры>...</TR> оформляются строки таблиц. Он может иметь следующие параметры:

ALIGN - используется для задания способа горизонтального форматирования данных внутри ячеек: они могут прижиматься к правому (RIGHT), левому (LEFT) краям или центрироваться (CENTER).

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

Конкретные ячейки задаются с помощью тега <TD параметры>...</TD>, где параметры могут быть следующими:

WIDTH - задает ширину ячейки.

COLSPAN - определяет, сколько колонок таблицы ячейка будет перекрывать.

ROWSPAN - определяет, сколько строк таблицы ячейка будет перекрывать.

NOWRAP - если этот параметр указан, содержимое ячеек не будет переноситься, чтобы влезать в ширину ячейки.

BGCOLOR - параметр, поддерживаемый современными браузерами: указывает цвет фона ячейки в виде RGB-триплета или символьного имени.

Еще один тег для оформления ячеек таблиц - тег <TH>...</TH> - нужен для задания заголовочных ячеек. Он во всем совпадает с тегом <TD>, но в отличие от него, содержимое выдается жирным шрифтом и центрируется.

Если нужно задать заголовок ВСЕЙ таблицы, используйте тег <CAPTION параметры>...</CAPTION>. Он должен быть внутри тега <TABLE>, но вне описания ячеек. Тег имеет один параметр:

ALIGN - указывает положение заголовка: он может быть в верхней (TOP) или нижней (BOTTOM) части таблицы.

Пример:

<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=1 WIDTH=500>

<TR>

<TD COLSPAN=3 ALIGN=CENTER>A</TD>

</TR>

<TR>

<TD ROWSPAN=2 ALIGN=CENTER WIDTH="30%">B</TD>

<TD ROWSPAN=2 ALIGN=CENTER WIDTH="40%">C</TD>

<TD ALIGN=CENTER WIDTH="30%">D</TD>

</TR>

<TR>

<TD ALIGN=CENTER>E</TD>

</TR>

</TABLE>