Занятие № 4. Оформление таблиц в HTML-документе

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

· Таблица задается командой <TABLE>…</TABLE>. Внутри этих тегов задаются строки командами <TR>…</TR>, внутри строк задаются ячейки командами <TD>…</TD>. Таким образом, по строкам задается вся структура таблицы:

<TABLE>
<TR> <TD> </TD> <TD> </TD> </TR>
<TR> <TD> </TD> <TD> </TD> </TR>
<TR> <TD> </TD> <TD> </TD> </TR>
</TABLE>

Атрибуты для тегов <TABLE>, <TR>, <TD>:
border=число - толщина линии
bordercolor= цвет - цвет линии
bgcolor=цвет - цвет заливки фона
Атрибут width=число (или %) – ширина таблицы или ячейки в пикселях

· Задание:
а) создать HTML-документ (на основе файла index.html), содержащий таблицу:

Тип связи Скорость, Мгбит/с Помехоустойчивость
Электрические кабели: · Витая пара · Коаксиальный кабель   10 – 100 до 10   Низкая Высокая
Телефонная линия 10 – 20 Низкая
Оптоволоконный кабель 10 – 200 Абсолютная

Характеристики коммуникационной сети

б) Сохранить документ в файле с именем index4.html в рабочей папке.
в) Просмотреть HTML-документ в обозревателе Internet Explorer.


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



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