Главная Учебники по HTML и CSS Статьи про Html Шаблоны сайтов Про Хостинг Заработок Продвижение
Практическое руководство по HTML
HTML позволяет определять внешний вид целых абзацев текста. Абзацы можно организовывать в списки, выводить их на экран в отформатированном виде, или увеличивать левое поле. Разберем все по порядку
Текст, расположенный между меткам <UL> </UL> , воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с метк <LI> . Например, чтобы создать вот такой список:
необходим вот такой HTML-текст:
Обратите внимание:у метк <LI> нет парной закрывающей метки
Нумерованные списки устроены точно так же, как ненумерованные, только вместо символов, выделяющих новый элемент, используются цифры. Если слегка модифицировать наш предыдущий пример:
получится вот такой список:
Список определений несколько отличается от других видов списков. Вместо мето <LI> в списках определений используются метк <DT> (от английского definition term — определяемый термин) <DD> (от английского definition definition — определение определения). Разберем это на примере.
Допустим, у нас имеется следующий фрагмент HTML-текста:
Этот фрагмент будет выведен на экран следующим образом:
Обратите внимание:точно так же, как метк <LI> , метк <DT> <DD> не имеют парных закрывающих меток. Если определяемые термины достаточно коротки, можно использовать модифицированную открывающую метк <DL COMPACT> . Например, вот такой фрагмент HTML-текста:
будет выведен на экран примерно так:
Элемент любого списка может содержать в себе целый список любого вида. Число уровней вложенности в принципе не ограничено, однако злоупотреблять вложенными списками все же не следует. Вложенные списки очень удобны при подготовке разного рода планов и оглавлений. Наши знания о списках можно вкратце свести в пример 6:
Помните, что списки можно встраивать один в другой, но не следует закладывать слишком много уровней вложенности.
Обратите внимание, что внутри элемента списка может находиться несколько абзацев. Все абзацы при этом будут иметь одинаковое левое поле.
В самом начале мы говорили о том, что браузеры игнорируют множественные пробелы и символы конца строки. Из этого правила, однако, есть исключение. Текст, заключенный между меткам <PRE> </PRE> (от английского preformatted — предварительно форматированный), выводится браузером на экран как есть — со всеми пробелами, символами табуляции и конца строки. Это очень удобно при создании простых таблиц
Текст, заключенный между меткам <BLOCKQUOTE> </BLOCKQUOTE> , выводится браузером на экран с увеличенным левым полем
<BLOCKQUOTE>Текст
</BLOCKQUOTE>
К предыдущей главе| К оглавлению|К следующей главе
Николай Чувахин, адрес электронной почты nc@iname.com , сервер Интернет http://www.yi.com/home/ChuvakhinNikolai/ .