Списки и таблицы

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

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

Таблицы содержат информацию, расположенную по строкам и столбцам, и играют большую роль в организации веб-страницы. Они отображаются практически всеми веб-браузерами.

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

Каким образом списки помогают отформатировать текст, смотрим ниже:

Несмотря на то что я учусь, у меня остается довольно много свободного времени. У меня есть целый ряд интересов. Я работаю с программным обеспечением компании Microsoft. Кроме использования п/о компании Microsoft я использую программу Far Manager для обработки HTML-данных. Одно из моих любимых занятий - бродить по интернету, выискивая полезные ресурсы. Еще мне нравиться слушать музыку группы Prodigy и песни исландской певицы Björk.

Этот абзац был слишком длинным. Кроме того, информация в нем повторялась и была плохо организована. Ниже приведен отрывок HTML-кода, показывающий, как можно его привести в порядок с помощью списков.

Мои интересы: <ul> <li> Програмное обеспечение от Microsoft и Far Manager <li> Обозрение WWW <li> Слушаю Prodigy и Björk </ul>

Вот что получится в результате:

Мои интересы: · Програмное обеспечение от Microsoft и Far Manager · Обозрение WWW · Слушаю Prodigy и Bjork

В итоге проведенного форматирования информации, текст стал более наглядный и читабельный.

Типы списков

Существует три основных типа списков: маркированные, нумерованные и списки определений. Есть и другие типы, но эти три наиболее часто используются. Они сходны в том, что все они располагают каждый пункт на новой строчке, и вы можете выделить нужный текст. Главное различие перечисленных типов состоит в способе нумерации и структуре.

Создать список довольно легко. Сначала введите тэги открытия и закрытия списка:

<ul> </ul>

Затем перед текстом каждого пункта списка введите <li>:

<ul> <li> первая строка <li> вторая строка <li> третья строка </ul>

И теперь, вы можете озаглавить ваш список тэгами <lh> и </lh>:

<ul> <lh>Заголовок</lh><li> первая строка <li> вторая строка <li> третья строка </ul>

Вот что получится в результате:

Заголовок · первая строка · вторая строка · третья строка

Дата добавления: 2015-11-03