Выравнивание содержимого в ячейках таблицы

< html> < body> < table border=" 1" > < tr> < th align=" left" > Опубликовано курсов< /th> < th align=" center" > 2004< /th> < th align=" center" > 2005< /th> < /tr> < tr> < td align=" left" > Базы данных< /td> < td align=" center" > 2< /td> < td align=" center" > 3< /td> < /tr> < tr> < td align=" left" > Программирование< /td> < td align=" center" > 4< /td> < td align=" center" > 5< /td> < /tr> < tr> < td align=" left" > Интернет-технологии< /td> < td align=" right" > 2< /td> < td align=" right" > 3< /td> < /tr> < tr> < th align=" left" > всего< /th> < th align=" right" > 8< /th> < th align=" right" > 11< /th> < /tr> < /table> < /body> < /html>

Атрибут frame

< html> < body> < p> Если никакие границы кадра таблицы в этих примерах не видны, то используемый браузер слишком старый, или не поддерживает их. < /p> < h4> frame=" border": < /h4> < table frame=" border" > < tr> < td> Первая< /td> < td> строка< /td> < /tr> < tr> < td> Вторая < /td> < td> строка< /td> < /tr> < /table> < h4> frame=" box": < /h4> < table frame=" box" > < tr> < td> Первая< /td> < td> строка< /td> < /tr> < tr> < td> Вторая < /td> < td> строка< /td> < /tr> < /table> < h4> frame=" void": < /h4> < table frame=" void" > < tr> < td> Первая < /td> < td> строка< /td> < /tr> < tr> < td> Вторая< /td> < td> строка< /td> < /tr> < /table> < h4> frame=" above": < /h4> < table frame=" above" > < tr> < td> Первая< /td> < td> строка< /td> < /tr> < tr> < td> Вторая< /td> < td> строка< /td> < /tr> < /table> < h4> frame=" below": < /h4> < table frame=" below" > < tr> < td> Первая< /td> < td> строка< /td> < /tr> < tr> < td> Вторая< /td> < td> строка< /td> < /tr> < /table> < h4> frame=" hsides": < /h4> < table frame=" hsides" > < tr> < td> Первая< /td> < td> строка< /td> < /tr> < tr> < td> Вторая< /td> < td> строка< /td> < /tr> < /table> < h4> frame=" vsides": < /h4> < table frame=" vsides" > < tr> < td> Первая< /td> < td> строка< /td> < /tr> < tr> < td> Вторая< /td> < td> строка< /td> < /tr> < /table> < h4> frame=" lhs": < /h4> < table frame=" lhs" > < tr> < td> Первая< /td> < td> строка< /td> < /tr> < tr> < td> Вторая< /td> < td> строка< /td> < /tr> < /table> < h4> frame=" rhs": < /h4> < table frame=" rhs" > < tr> < td> Первая< /td> < td> строка< /td> < /tr> < tr> < td> Вторая< /td> < td> строка< /td> < /tr> < /table> < /body> < /html>

Пример выполнения данного HTML-кода

Теги таблиц

Тег	Описание
< table>	Определяет таблицу
< th>	Определяет заголовки в таблице
< tr>	Определяет строку таблицы
< td>	Определяет ячейку таблицы
< caption>	Определяет заглавие таблицы
< colgroup>	Определяет группы столбцов таблицы
< col>	Определяет значения атрибутов для одного или нескольких столбцов таблицы
< thead>	Определяет заголовок группы строк таблицы
< tbody>	Определяет тело группы строк таблицы
< tfoot>	Определяет нижний заголовок группы строк таблицы

 

HTML поддерживает упорядоченные списки, неупорядоченные списки, и списки определений. Отличаются эти разновидности списков лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы-буллеты (bullets), например, точки, ромбики и т.п., в то время как пунктам упорядоченных списков предшествуют их номера.

Неупорядоченные списки

Неупорядоченный список является списком элементов. Элементы списка маркируются с помощью специальных знаков (обычно небольшой черный круг).

Неупорядоченный список начинается с тега < ul>. Каждый элемент списка начинается с тега < li>.

< html> < body> < h4> Неупорядоченный список: < /h4> < ul> < li> элемент 1< /li> < li> элемент 2< /li> < li> элемент 3< /li> < /ul> < /body> < /html>

Пример выполнения данного HTML-кода

Внутри элемента списка можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.

Упорядоченные списки

Упорядоченный список также является списком элементов. Элементы списка маркируются с помощью чисел или букв.

Упорядоченный список начинается с тега < ol>. Каждый элемент списка начинается с тега < li>. У тега < ol> может быть два атрибута: start (определяет первое число, с которого начинается нумерация пунктов) и type (определяет стиль нумерации пунктов). Может иметь значения:

• " A" - заглавные буквы A, B, C...
• " a" - строчные буквы a, b, c...
• " I" - большие римские числа I, II, III...
• " i" - маленькие римские числа i, ii, iii...
• " 1" - арабские числа 1, 2, 3...

< html> < body> < h4> Упорядоченный список: < /h4> < ol> < li> элемент 1< /li> < li> элемент 2< /li> < li> элемент 3< /li> < /ol> < /body> < /html>

Пример выполнения данного HTML-кода

Внутри элемента списка можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.

Списки определений

Список определений не является списком элементов. Это список терминов и определений терминов.

Список определений начинается с тега < dl>. Каждый термин списка определений начинается с тега < dt>. Каждое определение списка начинается с тега < dd>.

< html> < body> < dl> < dt> элемент 1< /dt> < dd> описание элемента 1< /dd> < dt> элемент 2< /dt> < dd> описание элемента 2< /dd> < /dl> < /body> < /html>

Пример выполнения данного HTML-кода

Внутри определения списка определений (тег < dd> ) можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.

Дополнительные примеры

⇐ Предыдущая12345678910Следующая ⇒

Поделиться: