HtmlGuide.ru
Учебник по HTML, CSS и Web-дизайну
Сайт поможет начинающему 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>
Горизонтальная линия, тег <HR>
Автор: admin | Дата: 08.11.2007
Для вставки горизонтальных линий в HTML применяется тег <HR>. Редкий случай одиночного тега, тем не менее, он имеет ряд важных параметров, которые определяют вид, ширину и толщину линии. Рассмотрим параметры тега:
<hr width=”500″>
Параметр width, тега <hr> указывает на ширину линии, равную той, которую вы указали в кавычках. Размер указывается в пикселях, но вы можете указать проценты, например, <hr width=”50%”>
<hr size=”2″>
Параметр size, делает толщину линии, равную той, которую укажете в кавычках, так же как и с шириной линии, толщина указывается в пикселях.
Для выравнивания линии, по центру, справа или слева применяется знакомый нам параметр ALIGN. А вот примеры его использования:
<hr align=”center”>
<hr align=”left”>
<hr align=”right”>
Так же вы можете в теге <HR> применять различные параметры, например <hr align=”center” width=”500″>
Существует еще один интересный параметр тега, который отображает толстую линию. Пример:
<hr noshade>
Похожие записи
Рубрики
Самое читаемое
- Рассмотрим тег <META> (190)
- Теги <H1>…<H6> для создания заголовка (178)
- Поговорим о HTML? (177)
- Горизонтальная линия, тег <HR> (176)
- Браузеры (174)
- Оптимизация графики для Web (163)
- Тройка тегов: выделение, подчеркивание, курсив (162)
- Аббревиатуры (154)
- Параметр ALIGN в HTML (150)
- Тег <FONT> - часть I (143)
- Тег <FONT> - часть II. Изменяем гарнитуру текста (140)