HTML, XHTML и CSS на 100% - Игорь Квинт

Скачать книгу

из листинга 2.10 показан на рис. 2.10.

      Рис. 2.10. Списки определений

      На рис. 2.10 видны особенности форматирования списков определений; информацию в таком виде гораздо проще воспринимать.

      Создание вложенных списков

      Возможностей простых списков часто не хватает. Например, при создании оглавлений не обойтись без вложенных пунктов. Поэтому рассмотрим создание вложенных списков.

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

      В листинге 2.11 представлен код для создания вложенного списка.

Листинг 2.11. Вложенные списки

      <html>

      <head>

      <title>Списки</title>

      <body>

      <ol>

      <li>

      Открой дверь

      <ul>

      <li>Ключом</li>

      <li>Отмычкой</li>

      </ul>

      </li>

      <li>

      Зайди в квартиру

      <ul>

      <li>Тихо шагая</li>

      <li>Громко топая</li>

      </ul>

      </li>

      <li>Ложись спать</li>

      </ol>

      </body>

      </html>

      На рис. 2.11 можно увидеть, как выглядит вложенный список.

      Рис. 2.11. Вложенный список

      Видно, что элементы внутренних списков отступают от элементов списка более высокого уровня.

      Мы разобрались с большей частью оформления текста, правда, осталось самое главное – то, на чем основан Интернет, – ссылки.

      2.5. Ссылки

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

      Можно выделить два типа ссылок: внешние и внутренние. Первые связывают страницы в один сайт и помогают передвигаться по нему. Вторые помогают передвигаться в рамках одной страницы.

      Внешние ссылки

      Внешними называют ссылки на объекты, расположенные вне текущей страницы. Это могут быть картинки, другие страницы сайта, мультимедийные приложения.

      Основой внешних ссылок является URL-адрес объекта, на который вы собираетесь сослаться.

      Для создания гиперссылок в HTML служит элемент A, который требует наличия закрывающего тега. Внутри элемента располагается текст, который будет выделен как ссылка. На самом деле, чтобы сообщить человеку, что в каком-то месте сайта у вас расположена ссылка, совершенно не обязательно писать прямым текстом адрес следующей страницы. Язык HTML дает возможность «замаскировать» адрес под текст ссылки. Получается, что у вас отдельно есть текст ссылки, который должен внятно описывать, что пользователь увидит, перейдя по ней, и отдельно находится адрес страницы, на которую будет сделан переход при щелчке кнопкой мыши на ссылке. Между тегами <A> и </A> располагается именно текст ссылки.

      Адрес документа для перехода записывается в элементе A в качестве значения атрибута

Скачать книгу