Задание №5

Организация текста внутри документа.

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

Ненумерованные списки: <ul>……</ul>

Текст, расположенный между метками <ul> и </ul>, воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с метки <LI>.

Создайте простейший список. Для этого откройте блокнот, сохраните документ под именем 5.html в вашу папку.

Запишите следующий программный код:

Получится вот такой список: · Иван; · Данила; · Белая кобыла;

<html>

<head>

</head>

<ul>

<li>Иван;

<li>Данила;

<li>Белая кобыла;

</ul>

</body>

</html>

Нумерованные списки: < OL>……</OL>

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

Получится вот такой список: 1. Иван; 2. Данила; 3. Белая кобыла;

<html>

<head>

</head>

<ol>

<li>Иван;

<li>Данила;

<li>Белая кобыла;

</ol>

</body>

</html>

Списки определений: <DL>…..</DL>

Списки определений отличаются от других видов списков. Вместо меток <li> в списках определений используются метки <DT> и <DD>.

Приведем пример листинг-кода такого списка:

<html>

<head>

</head>

<DL>

<DT> HTML

<DD> Термин HTML означает ‘язык маркировки гипертекстов’. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

<DT> HTML-документ

<DD> Текстовый файл с расширением *.html

</DL>

</body>

</html>

Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями: