Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

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

Основы поиска информации в сети Интернет | Язык поисковых запросов | Урок HTML № 1. | Цветовая гамма в HTML. | Урок HTML № 2. | Верхние и нижние индексы | Расширенные возможности форматирования таблиц | Отображение изображения на странице | Задание размера изображения | Линии и полосы |


Читайте также:
  1. ACL: списки контроля доступа в Cisco IOS из песочницы
  2. Адаптеры данных и связанные таблицы
  3. Алгоритмы операций для хеш-таблицы с открытой адресацией
  4. Заполнение Таблицы №1
  5. Заполнение Таблицы №2
  6. Запрос на создание таблицы
  7. Молитвенные списки.

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

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

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

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

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

    Несмотря на то что я учусь, у меня остается довольно много свободного времени. У меня есть целый ряд интересов. Я работаю с программным обеспечением компании 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; просмотров: 62 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Управление цветом шрифта| Списки в списках

mybiblioteka.su - 2015-2024 год. (0.006 сек.)