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


Обсуждение: 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> - часть II. Изменяем гарнитуру текста

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

По умолчанию для текста на вашей странице предлагается простая гарнитура, которую можно поменять на любую другую. Для того чтобы поменять гарнитуру, тег <font> имеет атрибут face, а конструкция выглядит так.

<font face=”Arial”>

Здесь Arial, это название новой гарнитуры, вы можете вставить сюда название той гарнитуры, которую хотели бы использовать. Рассмотрим код, в котором мы применили несколько тегов <font> с атрибутом face и разными гарнитурами.

<html>
<head>
<title>Изменяем гарнитуру текста</title>
</head>
<body>
<h2>Изменяем гарнитуру текста</h2>
<font face=”Arial”>Это гарнитура Arial</font>
<font face=”Tahoma”> Это гарнитура Tahoma</font>
<font face=”Verdana”>Это гарнитура Verdana</font>
<font face=”MyNew”>Это гарнитура MyNew7</font>
</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