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


Создание ссылок в HTML. Как сделать ссылку на архив?

Автор: admin | Дата: 06.06.2008

Часто задают вопросы по поводу ссылок, а темы с описаниями атрибутов тега на сайте нет. Рассмотрим подробнее тег для создания ссылок в HTML и его наиболее популярные параметры.

Для создания ссылки в HTML применяется тег <A>. Тег парный, а конструкция выглядит следующим образом:

<a href=”url”>text</a>

Это стандартная конструкция, где вместо url нужно прописать путь, куда ведет ссылка, а в поле text, текст ссылки. Ссылаться можно как на внутренние документы сайта, так и на внешние ресурсы, а также в html есть возможность ссылаться внутри одного документа. Последний способ представляет интерес, когда на одной странице содержится текст большого объема. Тогда проставив ссылки в начало документа, вы облегчите доступ посетителю к наиболее интересным оглавлениям большой статьи.

Ссылка внутри документа выглядит следующим образом.

<a name=”top”></a> - ставите в место, на которое будете ссылаться.

<a href=”#top”></a> - ссылка, которое указывает на место, для которого вы указали имя. В нашем случае, в место, куда вы поставите <a name=”top”>

Читать далее…

Похожие записи

Теги: , , ,

Как сделать чтобы при наведении на ссылку она выделялась?

Автор: admin | Дата: 07.05.2008

как сделать чтобы при наведении на ссылку она выделялась?

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

Для сравнения на сайте магазина, посетителю предлагается такой адрес директории:

http://www.site.com/?h=76byrtr5&p=675gvth&c=45

а на сайте другого магазина, директории получили имена

http://www.site1.ru/shop/auto/new.shtml

Второй адрес намного понятнее, его легче запомнить, да и технологии сейчас позволяют легко создавать такие адреса. Как же сделать так, чтобы при наведении на ссылку она выделялась? Приступим к примерам. Мы можем выделить ее, добавив параметр font-weight в описании стиля для ссылки.

<html>
<head>
<title>Выделение ссылки при наведении курсора</title>
<style type=”text/css”>
<!–
a {color: red; font-size: 14px}
a:hover {color: red; font-size: 14px; font-weight: bold}
–>
</style>
</head>
<body>
Рассмотрим пример, при котором <a href=”page.html”>ссылка</a> выделяется при наведении на нее
</body>
</html>

Читать далее…

Похожие записи

Теги: , , , , ,