Веб-Самоделкин. Как самому создать сайт быстро и профессионально. Алексей Гладкий
Чтение книги онлайн.

Читать онлайн книгу Веб-Самоделкин. Как самому создать сайт быстро и профессионально - Алексей Гладкий страница 20

СКАЧАТЬ открывающий тег заключен вместе с атрибутом и значением атрибута.

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

      В результате выполненных изменений наша веб-страница будет выглядеть так, как показано на рис. 2.13.

       Гиперссылка в тексте страницы

      Как видно на рисунке, на нашей странице появилась новая фраза , которая начинается с новой строки. Причем последнее слово данной фразы представляет собой гиперссылку. Обратите внимание – по умолчанию гиперссылки в тексте выделяются подчеркиванием. Если все сделано правильно, то после щелчка мышью на данной ссылке откроется страница (см. рис. 2.11).

      Однако в Интернете гиперссылки широко используются не только для того, чтобы переходить на страницы одного и того же сайта, но и для перехода на другие веб-ресурсы. Чтобы решить эту задачу, нужно в программном коде гиперссылки указать веб-адрес требуемого ресурса. Рассмотрим, как это делается, на конкретном примере.

      Сделаем из нашей страницы гиперссылку на популярный портал www.mail.ru. Для этого подкорректируем программный код так, как это показано на рис. 2.14.

       Ссылка на www.mail.ru

      Как видно на рисунке, из кода ссылки мы убрали имя страницы , добавив вместо него адрес http://www.mail.ru. В остальном программный код страницы остался прежним. Сохраним выполненные изменения с помощью команды главного меню или нажатием комбинации клавиш , и запустим файл .

      Внешне вид веб-страницы не изменится – она будет выглядеть точно так же, как и на рис. 2.13. Но если теперь щелкнуть мышью на ссылке , то в результате откроется главная страница портала www.mail.ru.

      Таким образом, в данном разделе мы на конкретном примере рассмотрели основные действия по созданию простейшей веб-страницы. Однако чтобы более детально изучить возможности языка HTML, необходимо познакомиться с его основными тегами. Некоторые из них мы уже знаем, но в реальности их намного больше. Об этом и пойдет речь в следующем разделе.

      Основные теги языка HTML

      Здесь мы познакомимся с наиболее востребованными тегами языка программирования HTML. Отметим, что многие теги имеют свои атрибуты, о которых также будет рассказано в данном разделе. Мы будем рассматривать все теги  (даже те, с которыми уже познакомились) в алфавитном порядке.

      ВНИМАНИЕ

      Не забывайте, что многие теги HTML-языка являются парными – например, <body> </body>, <b> </b>, и т. д.

      Тег , как мы уже знаем, предназначен для создания гиперссылок в тексте веб-страницы. Напомним, что гиперссылка является одним из ключевых элементов любого веб-ресурса, поэтому важность данного тега сложно переоценить. Этот тег СКАЧАТЬ