Создание таблиц

Для описания таблиц используется тег <ТАВLЕ>. Тег <ТАВLЕ>, как и многие другие, автоматически переводит строку до и после таблицы.

Создание строки таблицы — тег <ТR> Тег <ТR> (Таble Row, строка таблицы) создает строку таблицы. Весь текст, другие теги и атрибуты, которые требуется поместить в одну строку, должны размещаться между тегами <ТR></ТR>.

Определение ячеек таблицы - тег <ТD> Внутри строки таблицы обычно размещаются ячейки с данными. Каждая ячейка, содержащая текст или изображение, должна быть окружена тегами <ТD></ТD>. Число тегов <ТD></ТD> в строке определяет число ячеек (открыть)

Заголовки столбцов таблицы — тег <ТН>

Заголовки для столбцов и строк таблицы задаются с помощью тега заголовка <ТН></ТН> (Таblе Неаder, заголовок таблицы). Эти теги подобны <ТD></ТD>. Отличие состоит в том, что текст, заключенный между тегами <ТН></ТН>, автоматически записывается жирным шрифтом и по умолчанию располагается посередине ячейки. Центрирование можно отменить и выровнять текст по левому или правому краю. Если воспользоваться <ТD></ТD> с тегом <В> и атрибутом <АLIGN=center>, текст тоже будет выглядеть как заголовок. Однако следует иметь в виду, что не все браузеры поддерживают в таблицах жирный шрифт, поэтому лучше задавать заголовки таблиц с помощью <ТН>.

II. Задание на лабораторную работу

Создать сайт состоящий из не менее трёх страниц на тему «Я и моя семья».

Свою работу оформить на ваше усмотрение, но необходимо во всей работе применять все теги, которые вы проходили на лекциях и лабораторных работах (форматирование текста, ссылки, списки, изображения, таблицы, формы.)

Задание показать преподавателю и получить оценку.

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

1) Назовите основные теги для работы с текстом?

2) Назовите основные теги для работы со списками?

3) Назовите основные теги для работы с изображениями?

4) Назовите основные теги для работы со ссылками?

5) Назовите основные теги для работы с таблицами?

6) Назовите основные теги для работы с формой?


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



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