Ссылки
Что такое ссылки (точнее, гиперссылки), объяснять не нужно - на эту страницу вы как раз по такой ссылке и попали. Гиперссылка создается тэгом <a href=...>, вместо многоточия вписывается адрес страницы, на которую посылают читателя, потом прописывется текст ссылки и ссылка закрывается с помощью </a>. Ну, короче, пример:
Конструкция гиперссылки понятна? Попробуем скопировать текст, сохранить его в виде html-файла и открыть WEB-обозревательом. Результат - страница не найдена. Все правильно - ее и на самом деле нет, потому, что мы ее не создали. Берем следующий текст:
и сохраняем его под именем newpage.html в ту же папку, где лежит последний пример.
Теперь все работает так? Страница, на которую ссылается наша гиперссылка, находится в той же папке. Если бы она находилась в папке этажом ниже, т.е. в папке, вложенную в 'www', адрес пришлось бы записать так: href=имя_папки/newpage.html, а если этажом выше (в папке start) - то так: href=./newpage.html. Ну, а если страница находится где-то на просторах Интернета, то ее адрес пишется полностью, например: href=http://masm-inf.narod.ru/index.htmlЦвет ссылки можно поменять. При этом нужно учитывать, что у ссылки есть три основных состояния - исходная ссылка, активная и посещенная (по которой, в смысле, прошлись). Этим состояниям соответствуют атрибуты цвета link, alink и vlink, которые прописываются в тэге <body>:
Цвет ссылки при первом появлении красный, а потом, в зависимости от того, где щелкнуть - по ссылке или вне ее - синий или зеленый. Обратим внимание на адрес в ссылке - в таком варианте это ссылка на станицу с нашим примером.
К ссылке можно добавить пояснения, которые WEB-обозреватель покажет при наведении на ссылку указателя мыши. Для этого в тэг ссылки вписываем title='...', а вместо многоточия - текст пояснения. Пример:
Наведем указатель мыши на ссылку. Эффект заметен? Ссылкой может быть и картинка. Для этого вместо текста ссылки нужно вставить тэг изображения (как - уже знаете). Нет картинки - берем отсюда и сохраняем в папке 'www'. А теперь текст примера:
<HTML>
<head>
</head>
<body>
<a href='#'><img src=ref.JPG></a>
</body>
</HTML>
Картинка получилась в рамке, чтобы рамку убрать, нужно в тэге изображения прописать border=0, как здесь:
<HTML>
<head>
</head>
<body>
<a href='#'><img src=ref.JPG border=0></a>
</body>
</HTML>
Картинка сейчас без рамки и стала похожа на кнопку. Чтобы ссылка выполняла свои функции, впишем какой-нибудь адрес, что-то вроде этого:
<HTML>
<head>
</head>
<body>
<a href=http://soap.chem03.ru><img src=ref.JPG border=0></a>
</body>
</HTML>
и, проверив, как это работает, перейдем к таблицам.