Сайт поможет начинающему 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”>

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

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

Теги: , , ,

Обсуждение: 2 Далее

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

Автор: 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>

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

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

Теги: , , , , ,

Обсуждение Далее

Тег <FONT> - часть I

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

В те времена, когда о CSS мало кто знал, для того чтобы указать размер, цвет и гарнитуру текста пользовались тегом <FONT>. Да и сейчас он не потерял своей популярности, т.к. многие начинающие веб-мастера пользуются именно этим тегом, для форматирования своих текстов. Начнем с указания размера любого текста.

<font size=”1″>Здесь текст с минимальным размером</font>

Примечания. Во-первых, как вы должны были заметить, тег <font> - парный, во-вторых, диапазон значений идет от минимального - 1 до максимального - 7, при значении 3 - размер текста будет таким же, как и стандартный размер текста по умолчанию.

Пример кода:

<html>
<head>
<title>Меняем размер текста</title>
</head>

<body>

<font size=”7″>Самый крупный размер текста</font>
<font size=”6″>Этот текст использует значение size равное 6</font>
<font size=”5″>Этот текст использует значение size равное 5</font>
<font size=”4″>Этот текст использует значение size равное 4</font>
<font size=”3″>Этот текст использует значение size равное 3</font>
<font size=”2″>Этот текст использует значение size равное 2</font>
<font size=”1″>Этот текст использует значение size равное 1</font>

<p>А можно поиграть с размерами и получить нечто такое:</p>

<font size=”7″>У</font>
<font size=”6″>р</font>
<font size=”5″>р</font>
<font size=”4″>а</font>

</body>
</html>

Сохраняем полученный код (Файл - Сохранить как … - font-1.html). Далее, работаем с гарнитурой текста.

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

Теги: , , ,

Обсуждение Далее

Теги <H1>…<H6> для создания заголовка

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

Статья без заголовка? Как машина без колес! В HTML для указания заголовка статьи имеется сразу 6 тегов. Все они парные, и имеют несложный синтаксис. Самый крупный шрифт необходимо поместить в тег <h1>, второй по размеру <h2> и так до <h6>. Для чего мне нужно помещать заголовок в эти теги, когда я могу просто указать необходимый мне размер заголовка с помощью других тегов, например <span>. Во-первых, указание заголовка тегами H, имеет положительную сторону в оптимизации вашей страницы для интернета. ПС обратит внимание на заголовок и возможно по нему определит тематику данной страницы. Во-вторых, вы можете настроить шрифт, цвет и другие параметры заголовка с помощью технологии CSS.

Пример кода для определения основных параметров тега H

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

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

Теги: , , , , ,



Rambler's Top100

© 2008 HtmlGuide.ru. Все права защищены.
Design by Luka Cvrk