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


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

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



<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>

Пример выполнения данного 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

 

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>) можно помещать параграфы, переносы строк, изображения, ссылки, другие списки, и т.д.

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



Поделиться:


Последнее изменение этой страницы: 2021-03-10; просмотров: 49; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.17.150.163 (0.006 с.)