Самоучитель по HTML, урок №3

В предыдущей главе я вас научил использовать абзацы , но что делать если нужно применть выравнивание всей страницы?, для этой цели у нас есть тег <div> </div>. Он принимает такие-же атрибуты как и <р> </р>
<div align="center"> текст </div>
<div align="left"> текст </div>
<div align="right"> текст </div>
<div align="justify"> текст </div>

Я тут за вас набросал примерный текст, вы придумаете что-нибудь свое. Но прежде мы завершим наш разговор о <div> и <p>. Абзац не может содержать в себе другие абзацы, и также тэг <div></div>. Т.е. следующие конструкции будут не верны, и вводить их в документ нельзя:
<p align="right">
<p>текст</p>
<p>текст</p>
<p>текст</p>

</p>

и

<p align="right">
<div>текст</div>
<p>текст</p>
<div>текст</div>

</p>

Однако <div> может содержать в себе параграфы: с помощью него мы можем сгруппировать их, допустим, по правому краю.

<div align="right">
<p>текст первого абзаца</p>
<p>текст второго абзаца</p>
<p>текст третьего абзаца</p>
</div>

Конечно, <p> и <div> не несут в себе исключительно функцию выравнивания элементов. Но поскольку я хотел в этой главе освоить с вами только выравнивание, то к другим возможностям использования <div> и <p> мы вернемся гораздо позже, вы пока не готовы к этому...

Далее изучим списки:

Списки делятся на два типа:
упорядоченные списки <ol></ol>
неупорядоченные списки <ul></ul>
Каждый список имеет свой набор элементов <li></li>
Теперь посмотрим их в действии, на пише следущий код:
        <html>
        <head>
        <title>моя первая страница</title>
        </head>
        <body  bgcolor="#ffffff" text="#000000" >
        упорядоченные списки: <br>
        <ol>
         <li>элемент1</li>
         <li>элемент2</li>
         <li>элемент3</li>
        </ol>
         неупорядоченные списки  <br>
        <ul>
         <li>элемент1</li>
         <li>элемент2</li>
         <li>элемент3</li>
        </ul>
        </body>
        </html>

моя первая страница - InternetExplorer
файл|правка|вид|избранное|сервис|справка|
упорядоченные списки:
  1. элемент1
  2. элемент2
  3. элемент3
неупорядоченные списки
  • элемент1
  • элемент2
  • элемент3
готово

Многие вебмастера вставляют между тегами OL(UL) и LI какой либо контент, а некоторые самоучители даже рекомендуют помещать в тег UL весь контент страницы без использования LI, что дает отступ слевой стороны, но лично я вам не точто не рекомндую, а запрщаю это делать, т.к. такой код не правильный!!! Для выравнивания и отступов лучше использовать каскадные таблицы стилей(CSS).

Возможно, я поспешил вам продемонстрировать списки, но далее к ним уже не будет ни какого интереса. Кроме этих 2 типов списков существуют еще более специфичные Списки опредиления, о них вы можете узнать из других источников, например в спецификации по HTML. Так-же рекомендую вам не только повторять мои примеры, но и самостоятельно найти им приминение(уже сейчас писать свои страницы)...
П.С. Эта глава одна из самых не интересных, но ещё не много и ваши "труды" начнут приносить не плохие результаты. И так вперёд!!!


Перейти к выбору следующей страницы