Основные табличные структуры

Давайте начнем с очень простого примера. Он связан с представлением таблицы чисел 2 на 2 (единичная матрицa) без каких либо заголовков. Код HTML выглядит следующим образом:

   
   

<TABLE>

<TR> <TD> 1 </TD> <TD> 0 </TD> </TR>

<TR> <TD> 0 </TD> <TD> 1 </TD> </TR>

</TABLE>

и обычно представляется броузером следующим образом:

Дополнительные свойства; типичная таблица с текстовыми ячейками

Есть несколько элементов, которые Вы можете добавить к вышерассмотренной простой табличной модели:

· Заголовок (caption) для таблицы, связанный с самой таблицей (в дополнение к строкам текста о таблице в документе).

· Подзаголовки (headers) (объяснения) как для табличных строк, так и для колонок.

· Рамки (borders) вокруг таблицы и каждой табличной ячейки.

Заметим, что атрибуты ALIGN и VALIGN могут существенно влиять на качество отображения, устанавливают расположение таблицы по отношению к полям документа. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо). WIDTH - ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или в процентах от ширины страницы (например, WIDTH=80%).

Упражнение 1. Создать следующий HTML- документ, используя тэги форматирования текста

1. Откройте окно текстового редактора Блокнот. Сохраните данный документ как Задание1.html

2. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-броузеру, что ваш документ написан с использованием HTML. Поэтому в первой строке нашего документа набираем <HTML>.

3. Чтобы ввести заголовок окна, далее набираем:

<HEAD>
< TITLE> Пример работы


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: