name='command'>href
. Значением данного атрибута является тот адрес, на который ведет гиперссылка.

Поместим оба наши файла (

Пример.html
и
Test.html
) в один каталог. Чтобы создать гиперссылку на страницу
Test.html
, изменим код страницы
Пример.html
так, как показано на рис. 2.12.

Рис. 2.12.
Создание гиперссылки

Попутно мы познакомимся с еще одним тегом HTML-языка –

<br>
. Характерной особенностью данного тега является то, что он применяется не парно, а индивидуально. Иначе говоря, здесь нет открывающего и закрывающего тега, он один. Этот тег предназначен для вставки разрыва строки (от английского слова «break»). После того тега текст будет продолжен с новой строки.

ВНИМАНИЕ

Учтите, что при вводе основного текста язык HTML не реагирует на нажатие клавиши Enter. Несмотря на то, что в текстовом редакторе текст веб-страницы после каждого нажатия Enter будет продолжен с новой строки, при просмотре этой страницы в окне Интернет-обозревателя текст будет идти в одной строке. Поэтому для осуществления перехода на новую строку используйте тег <br>.

В рассматриваемом примере мы добавили в программный код страницы новую строку, поэтому после слова

тестовой
вставлен тег
<br>
.

Что касается ссылки, то она сформирована в новой строке текста. Вот ее код:

 

<
a
href='
Test.
html'>здесь</
a>

В данном коде вначале следует открывающий тег

<a>
вместе со своим атрибутом
href
, имеющим значение
Test.html
(очевидно, что значением атрибута является в имя страницы, на которую ведет ссылка). Обратите внимание: в скобки
<>
открывающий тег заключен вместе с атрибутом и значением атрибута.

Далее следует слово текста, которое, собственно, и будет являться ссылкой (в нашем случае это слово

здесь
), а после него идет закрывающий тег
</a>
.

В результате выполненных изменений наша веб-страница

Пример.html
будет выглядеть так, как показано на рис. 2.13.

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

Как видно на рисунке, на нашей странице появилась новая фраза

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

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

Сделаем из нашей страницы

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

Рис. 2.14.
Ссылка на www.mail.ru

Как видно на рисунке, из кода ссылки мы убрали имя страницы

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

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

здесь
, то в результате откроется главная страница портала www.mail.ru.

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

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

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

ВНИМАНИЕ

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

Тег

<a>
, как мы уже знаем, предназначен для создания гиперссылок в тексте веб-страницы. Напомним, что гиперссылка является одним из ключевых элементов любого веб-ресурса, поэтому важность данного тега сложно переоценить. Этот тег имеет следующие атрибуты:

• 

accesskey
– назначение для гиперссылки «горячей клавиши»;

• 

href
– определение адреса, на который ведет гиперссылка;

• 

name
– именование областей веб-страницы;

tabindex
– установка порядка перехода по гиперссылкам;

target
– определение окна для отображения объекта гиперссылки.

Тег

<b>
предназначен для выделения текста полужирным шрифтом. Иначе говоря, весь текст, находящийся между тегами
<b> </b>
, будет отображаться полужирным шрифтом.

С помощью тега

<basefont>
вы можете изменить внешний вид всего текста. Этот тег имеет атрибут
size
, предназначенный для изменения размера шрифта текста.

Тег

<big>
позволяет увеличить шрифт текста по сравнению с соседним текстом, а с помощью тега
<blockquote>
вы можете создать в документе блок цитаты.

Одним из ключевых тегов языка программирования HTML является парный тег

<body>
. Как мы уже отмечали ранее, с помощью этого тега идентифицируется основной текст документа. Иначе говоря, все, что вы хотите поместить на веб-страницу, должно располагаться между тегами
<body> </body>
. Данный тег имеет несколько атрибутов, которые перечислены ниже.

alink
,
link
и
vlink
– позволяют установить цвет гиперссылок;

background
  – выбор графического фона;

Добавить отзыв
ВСЕ ОТЗЫВЫ О КНИГЕ В ИЗБРАННОЕ

0

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

Отметить Добавить цитату
×