HTML, XHTML и CSS на 100%. Игорь Квинт
Чтение книги онлайн.

Читать онлайн книгу HTML, XHTML и CSS на 100% - Игорь Квинт страница 18

Название: HTML, XHTML и CSS на 100%

Автор: Игорь Квинт

Издательство:

Жанр: Интернет

Серия:

isbn: 978-5-498-07594-5

isbn:

СКАЧАТЬ style="font-size:15px;">      <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 в качестве значения атрибута href. Таким образом, перемещение по сайту становится удобным, легким и прозрачным для пользователя. Ему абсолютно все равно, где находится документ, на который указывает ссылка, он видит только текст описания.

      В листинге 2.12 представлен пример создания ссылки на HTML-страницу и рисунок.

Листинг 2.12. Создание ссылок

      <html>

      <head>

      <title>Ссылки</title>

      <body>

      <a href="aboutme.html">Обо мне</a><br />

      <a href="myfoto.jpg">Мое фото</a>

      </body>

      </html>

      Пример отображения ссылок в браузере показан на рис. 2.12.

      Рис. 2.12. Ссылки

СКАЧАТЬ