Текстовые ссылки в html документе

Безимени-186Чтобы любой из гостей вашего сетевого проекта мог осуществлять переходы на разные его странички или на иные сетевые ресурсы, а помимо того и для открытия картинок служат ссылки прописываемые в html документе. Они – основополагающая возможность рассматриваемого языка, и каждый, кто намерен самостоятельно создавать сайты, должен знать хотя бы основы как сделать ссылку html.

Ссылки могут быть в виде текста или в виде картинки.
Если речь идёт о текстовой html ссылке, то это одно выделенное на странице слово либо целая фраза, при нажатии на которую человек переходит на указанный адрес.
Также переход может проходить, когда нажимают на заданную картинку – это называется «графические html ссылки».
Они выделяются разнообразными цветами (для того, чтобы определиться со значениями цветовой палитры существуют многочисленные подсказки, как в сети, так и в графических редакторах наподобие фотошопа), их можно обозначать подчеркиванием, толщиной, делать их скошенными, либо с большим, чем у окружающего текста шрифтом (либо, по желанию автора, вовсе никак не выделяются)

Между текстовыми и графическими ссылками имеется общее. А именно: вид разметки. Сначала идёт тэг <a>, в который вставляется атрибут href. В конце ссылки непременно вставляйте закрывающий тэг </a>. Сначала в ссылочной строчке пишется адрес, на которой будет осуществлён переход. Далее ставится текст при нажатии на который человек перейдёт на этот самый адрес. Вот наглядный пример, как это выглядит:

Вы можете видеть, как вставляется стандартная, лишенная изысков, но все же действующая ссылка в текст html. Даётся возможность сразу перейти на страницу для изучения основ html одного из сайтов в сети, но вы можете написать и любой другой подходящий для ваших целей ресурс, сделав к нему свою подпись.

Заготовленный код можно вставить в html документ. Отныне вы можете ставить ссылки на ресурсы, которые близки по тематике к вашему проекту (ну и не забывать договариваться, чтобы и они в ответ ставили ссылки на вас для роста посещаемости).

посмотреть результат

 Описание особенностей внешних и внутренних ссылок.

Внешние ссылки – это ссылки с других сетевых ресурсов на ваш проект. Они дают вам дополнительных гостей и значимости для ПС (Яндекс и Google).
Когда ссылки идут со страниц редактируемого сайта (как на различные его страницы, так и на страницы близких по тематике ресурсов), то они называются внутренними.

Ссылки можно сделать заметнее или задать им более эстетичный вид. Этому помогут вставляемые в html тэги:

link – здесь будет прописан стандартной для ссылки цвет;
alink – показывает, какой цвет появляется у ссылки, когда на ней наводится курсор;
vlink – это цвет ссылки, по которую использовали.

Все цвета прописываются в начальной части html страницы – в тэге <body> (либо же в файле .css)

Вот как это выглядит:

посмотреть результат

 

Перечисленные выше тэги (link, alink, vlink) определяют цвет для ссылок на всех страницах создаваемого сайта. Порой может возникнуть потребность указать особый цвет ссылок на выбранной вами странице (скажем – это особо важная «кричащая» ссылка). Для подобных целей служит тэг <font> (т.е. «шрифт») и дополняющий его атрибут color.

Как видно из примера внутрь тэга <a></a> (т.е. в ссылку) вставляется <font color=”#000099”>, указывающий цвет, но вместо 000099, можно вставлять и другие цифровые значения, которые покажут иные цвета ссылки (смотрите таблицы html кодов цветов).

посмотреть результат

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Оставить комментарий

http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика