Ссылки - их много и они все разные

Разработка своих веб-приложений и страничек

Ссылки - их много и они все разные

Сообщение On-line » 15 мар 2009, 11:42

Ссылки - их много и они все разные

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

Вообще ссылка представляет собой вид <a href="путь_к_сайту">Имя сайта</a>, но есть еще много других видов.

Начнем:

1. С помощью тега title, можно заставить выскакивать подсказку, при наведение на ссылку.
Пример:
Код: Выделить всёРазвернуть
<a href="http://vfose.ru" title="крутой сайт">Сайт ип адресов</a> 


2. Если же вы поставили ссылку на графический объект, то тут поможет тег "alt". Все нужно проделывать также, но вместо "title" вводить "alt".
Пример:
Код: Выделить всёРазвернуть
<a href="http://vfose.ru"><img border="0" src="http://vfose.ru/img.jpg" alt="Ваш текст"></a> 


3. Для того, чтобы ссылка меняла свой цвет при наведении на нее мышкой, необходимо применить CSS. Чтобы образовался такой эффект мы должны на страничке прописать так:
Пример:
Код: Выделить всёРазвернуть
<stylea:hover {color#Ваш цвет}</style> 


4. Для того, чтобы ссылки были не подчеркнуты, нужно на страничке прописать:
Пример:
Код: Выделить всёРазвернуть
<style>{text-decoration : none} </style> 


5. Можно сделать и так, чтобы ссылка была не подчеркнута, но при наведении курсора она подчеркивалась.
Пример:
Код: Выделить всёРазвернуть
<style>a{text-decoration: none} a:hover {text-decoration: underline}</style> 


6. Сделаем полный вариант управления ссылками на странице.
Пример:
Код: Выделить всёРазвернуть
<style type="text/css">
a:link { text-decoration: underline; color:black; }
a:active { text-decoration: underline; color:black; }
a:visited { text-decoration: underline; color:black; }
a:hover { text-decoration: none; color:black; }
</
style>
 

Описанные стили рекомендуется вставлять между тегами <head> </head>.

7. Теперь разберем якорь, внутреннюю ссылку на какую-либо часть страницы. Якорь ставится так:
Пример:
Код: Выделить всёРазвернуть
<a href="http://vfose.ru/donate.php#link">Текст</a> 


Ставим код на то место, куда должна привести ссылка. (в нашем случае это файл donate.php)
Пример:
Код: Выделить всёРазвернуть
<a name="link">Текст</a> 


8. Сделаем ссылку, которая ведет просто наверх страницы. Очень удоб использовать тем, кто делает большие страницы.
Пример:
Код: Выделить всёРазвернуть
<a href='javascript:scroll(0,0);'>Вверх страницы</a> 



(c) On-line
Последний раз редактировалось On-line 14 апр 2009, 20:38, всего редактировалось 5 раз(а).
Аватара пользователя
On-line
Активный участник
 
Сообщения: 1083
Зарегистрирован: 31 окт 2008, 23:54
Домен: http://vbalashove.ru

Re: Ссылки - их много и они все разные

Сообщение DPX-Infinity » 15 мар 2009, 12:44

норм.
но писать теги и стили большимыи буквами - очень плохой стиль написания кода.
Изображение
Переходите на Jabber! За ним будущее!
Желаю вам опенсорса!
Аватара пользователя
DPX-Infinity
Активный участник
 
Сообщения: 723
Зарегистрирован: 02 сен 2007, 20:45
Откуда: Саратов

Re: Ссылки - их много и они все разные

Сообщение doliar » 15 мар 2009, 12:50

А к тегу
Код: Выделить всёРазвернуть
<style>
добавить type , если это ксс :wink:

Код: Выделить всёРазвернуть
<style type="text/css"><!-- a:hover { color: #000; } --></style>
Изображение

Консультаций по TBDev через icq неосуществляю!
Аватара пользователя
doliar
Автор
 
Сообщения: 732
Зарегистрирован: 16 янв 2008, 15:05
Откуда: Саратов, Волжский р-он
Домен: tbdev-info.vfose.ru

Re: Ссылки - их много и они все разные

Сообщение On-line » 15 мар 2009, 13:30

Все исправил и подправил.
Аватара пользователя
On-line
Активный участник
 
Сообщения: 1083
Зарегистрирован: 31 окт 2008, 23:54
Домен: http://vbalashove.ru

Re: Ссылки - их много и они все разные

Сообщение DPX-Infinity » 15 мар 2009, 17:22

On-line писал(а):Все исправил и подправил.

точно всё?)
я серьёзно. код, в котором теги и стили написаны не в нижнем регистре, насколько я помню, не пройдёт валидацию W3C.
а зелёный цвет на светлом фоне не смотрится, читать трудно. для кого вообще сделали
Код: Выделить всёРазвернуть
[code=html][/code]

?
Изображение
Переходите на Jabber! За ним будущее!
Желаю вам опенсорса!
Аватара пользователя
DPX-Infinity
Активный участник
 
Сообщения: 723
Зарегистрирован: 02 сен 2007, 20:45
Откуда: Саратов

Re: Ссылки - их много и они все разные

Сообщение ecc » 15 мар 2009, 20:20

Ссылки - их много и они все разные

Ссылка - это то, без чего не обойдется не один сайт. В многих учебниках может быть об этом писалось, но следует разобрать все по честям......
<title>...</title>
<head>....</head>
......


Это же простой html !? Зачем создавать новые темы, если есть статья " Основы html " от zk! Туда надо было написать, а zk бы добавил в тему.

ps Лучше бы создал тему об css...
Изображение - все go!go!go!
ecc
Активный участник
 
Сообщения: 121
Зарегистрирован: 21 фев 2009, 13:50
Домен: technology.vfose.ru

Re: Ссылки - их много и они все разные

Сообщение On-line » 15 мар 2009, 21:49

ecc, я рассказал о всех ссылках, это html, css, js...
Причем тут основы html?

DPX-Infinity, пройдет валидацию W3C. А зеленый цвет как мне кажется читаем, а использовать [code=html][/code] не очень удобно, так как идет переход на другую строку, а у меня и текст и код в одной строке...
Аватара пользователя
On-line
Активный участник
 
Сообщения: 1083
Зарегистрирован: 31 окт 2008, 23:54
Домен: http://vbalashove.ru

Re: Ссылки - их много и они все разные

Сообщение DPX-Infinity » 15 мар 2009, 23:44

HTML4 мож и пройдёт, а XHTML - нет (100% помню, что для совместимости с xml все теги должны быть набраны маленькими буквами). да и не красиво имхо мешать большие буквы с мелкими.
Изображение
Переходите на Jabber! За ним будущее!
Желаю вам опенсорса!
Аватара пользователя
DPX-Infinity
Активный участник
 
Сообщения: 723
Зарегистрирован: 02 сен 2007, 20:45
Откуда: Саратов

Re: Ссылки - их много и они все разные

Сообщение Кадет » 15 мар 2009, 23:46

Согласен цвет почти не читаем!
Кадет
Активный участник
 
Сообщения: 1497
Зарегистрирован: 23 апр 2008, 21:08

Re: Ссылки - их много и они все разные

Сообщение ibe » 22 авг 2009, 18:36

Как сделать, чтобы активная ссылка(на которой сидит юзер) оставалась неподчеркнутой ? (пример на вфосе.ру, верхнее меню).
Изображение
Аватара пользователя
ibe
Активный участник
 
Сообщения: 893
Зарегистрирован: 31 мар 2009, 00:46

След.

Вернуться в PHP, HTML, CSS...

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 39

cron