Лабораторная работа 6 (LAB6 Апухтин М.А.)

Посмотреть архив целиком

НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ УНИВЕРСИТЕТ

МОСКОВСКИЙ ЭНЕРГЕТИЧЕСКИЙ ИНСТИТУТ









Лабораторная работа по ВМСС № 6.

Разработка WEB-страниц, содержащих таблицы и списки.






Выполнил

студент группы А-13-08

Апухтин М.А.


Преподаватель

Куриленко И.Е.


















Москва, 2012

Оглавлени



Теги HTML, отвечающие за разметку таблиц. 3

<table> 3

<caption> 3

<col> 3

<tbody> 3

<td> 4

<tfoot> 4

<th> 4

<thead> 5

<tr> 5

Стили таблиц в HTML 5

Способ разметки маркированных и нумерованных списков 6

<ul> 6

<ol> 6

<li> 6

Выполнение работы 7

table.htm 7

table.css 9

list.htm 10

list.css 12

Список использованных источников 12






















Теги HTML, отвечающие за разметку таблиц.

<table>

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.

Атрибуты

Align - Определяет выравнивание таблицы.

Background - Задает фоновый рисунок в таблице.

Bgcolor - Цвет фона таблицы.

Border - Толщина рамки в пикселах.

Bordercolor - Цвет рамки.

Cellpadding - Отступ от рамки до содержимого ячейки.

Cellspacing - Расстояние между ячейками.

Cols - Число колонок в таблице.

Frame - Сообщает браузеру, как отображать границы вокруг таблицы.

Height - Высота таблицы.

Rules - Сообщает браузеру, где отображать границы между ячейками.

Summary - Краткое описание таблицы.

Width - Ширина таблицы.

<caption>

Тег <caption> предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <table>, причем сразу после открывающего тега. Такой заголовок представляет собой текст, по умолчанию отображаемый перед таблицей и описывающий ее содержание.

Атрибуты

Align - Определяет выравнивание заголовка по горизонтали.

Valign - Устанавливает расположение заголовка до или после таблицы.

<col>

Тег <col> задает ширину и другие характеристики одной или нескольких колонок таблицы. При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Тег <col> можно использовать совместно с тегом <colgroup>, который задает группу колонок, обладающих общими характеристиками.

Атрибуты

Align - Устанавливает выравнивание содержимого колонки по краю.

Char - Выравнивает содержимое колонки по заданному символу.

Charoff - Сдвигает содержимое ячейки относительно заданного символа.

Span - Количество колонок, к которым следует применять параметры.

Valign - Задает вертикальное выравнивание содержимого колонки.

Width - Ширина колонок.

<tbody>

Элемент <tbody> предназначен для хранения одной или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты.

Допускается применять несколько тегов <tbody> внутри контейнера <table>. Доступны и другие виды группировок строк — <tfoot> и <thead>, ни один из них не должен перекрываться с элементом <tbody>.

Атрибуты

Align - Определяет выравнивание текста в строке.

Char - Выравнивание содержимого ячеек относительно заданного символа.

Charoff - Смещение содержимого ячеек относительно указанного символа.

Bgcolor - Цвет фона ячеек, которые расположены внутри контейнера <tbody>.

Valign - Выравнивание содержимого ячеек по вертикали.

<td>

Предназначен для создания одной ячейки таблицы. Тег <td> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

Атрибуты

Abbr - Краткое описание содержимого ячейки.

Align - Определяет выравнивание содержимого ячейки по горизонтали.

Axis - Группирует ячейки связанные между собой похожей информацией.

Background - Задает фоновый рисунок в ячейке.

Bgcolor - Цвет фона ячейки.

Bordercolor - Цвет рамки.

Char - Выравнивает содержимое ячейки по заданному символу.

Charoff - Смещает содержимое ячейки относительно заданного символа.

Colspan - Объединяет горизонтальные ячейки.

Headers - Позволяет связать ячейки с заголовком.

Height - Высота ячейки.

Nowrap - Запрещает перенос строк.

Rowspan - Объединяет вертикальные ячейки.

Scope - Позволяет связать ячейки простой таблицы с заголовками в речевых браузерах.

Valign - Выравнивание содержимого ячейки по вертикали.

Width - Ширина ячейки.

<tfoot>

Элемент <tfoot> предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы. Хотя тег <tfoot> в исходном коде должен быть определен до тега <tbody>, браузеры отображают его в самом низу таблицы.

В пределах таблицы разрешается использовать только один элемент <tfoot>.

Атрибуты

Align - Определяет выравнивание текста в строке.

Bgcolor - Цвет фона ячеек, которые расположены внутри контейнера <tfoot>.

Char - Выравнивание содержимого ячеек относительно заданного символа.

Charoff - Смещение содержимого ячеек относительно указанного символа.

Valign - Выравнивание содержимого ячеек по вертикали.

<th>

Тег <th> предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Тег <th> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

Атрибуты

Abbr - Краткое описание содержимого ячейки.

Align - Определяет выравнивание содержимого ячейки по горизонтали.

Axis - Группирует ячейки связанные между собой похожей информацией.

Background - Задает фоновый рисунок в ячейке.

Bgcolor - Цвет фона ячейки.

Bordercolor - Цвет рамки.

Char - Выравнивает содержимое ячейки по заданному символу.

Charoff - Смещает содержимое ячейки относительно заданного символа.

Colspan - Объединяет горизонтальные ячейки.

Headers - Позволяет связать ячейки таблицы с заголовками в речевых браузерах.

Height - Высота ячейки.

Nowrap - Запрещает перенос строк.

Rowspan - Объединяет вертикальные ячейки.

Scope - Позволяет связать ячейки простой таблицы с заголовками в речевых браузерах.

Valign - Выравнивание содержимого ячейки по вертикали.

Width - Ширина ячейки.

<thead>

Элемент <thead> предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы. Допустимо использовать не более одного элемента <thead> в пределах одной таблицы, и он должен идти в исходном коде сразу после тега <table>.

Атрибуты

Align - Определяет выравнивание текста в строке.

Char - Выравнивание содержимого ячеек относительно заданного символа.

Charoff - Смещение содержимого ячеек относительно указанного символа.

Bgcolor - Цвет фона ячеек, которые расположены внутри контейнера <thead>.

Valign - Выравнивание содержимого ячеек по вертикали.

<tr>

Тег