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

Давайте начнем с очень простого примера. Он связан с представлением таблицы чисел 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. Чтобы ввести заголовок окна, далее набираем:








Дата добавления: 2015-08-08; просмотров: 614;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.004 сек.