Ссылка и её виды

Автор: Aport Пятница, Январь 23rd, 2015 Нет комментариев

Рубрика: Разное

Наверное Вы заметили на некоторых сайтах, что при нажатии на некоторую ссылку, открывается новое окно, в котором нет ничего лишнего, т.е. нет статусной строки, полосы прокрутки, меню навигации и т.д. В этой статье я хочу рассказать о том, как все это сделать!

Вот так:

<a href=»#1″ onClick=»window.open(‘ссылка на страницу’, ‘newWin’, ‘Fullscreen=0, Toolbar=0, Location=0, Directories=0, Status=0, Menubar=0, Scrollbars=0, Resizable=0, Copyhistory=1, Width=500, Height=270′)»>название ссылки</a>

Пояснения к примеру:

1 — включено;
0 — выключено;

А вот сами значения:

Fullscreen —  включение/ отключения растягивания окна на весь экран
Toolbar - включение/ отключение панели инструментов;
Location - включение/ отключение поля адреса;
Directories - включение/ отключение панели ссылок;
Status - включение/ отключение статусной строки;
Menubar - включение/ отключение навигационного меню;
Scrollbars - включение/ отключение полосы прокрутки;
Resizable - включение/ отключение способности изменять размеры окна.

Вообще что такое ссылка? Это то, без чего не обходится не один сайт. Далее будет рассказано о многих возможностях ссылок. Естественно во многих учебниках уже было всё растолковано по частям, но следует всё разобрать воедино и кратко рассказать о каждом эффекте. Ну начнём….

Вообще ссылка представляет собой вид <a href=»ваш_путь»> Имя сайта </a>, но сколько можно с этим сотворить ? Ответ: Много ! Многие видели, что при наведении на сслыку иногда может вылезти подсказка к этой ссылке, всё делается по средствам тега title. Пример: <a href=»http://web-silver.ru title=Классный сайт!> Сайт для веб-мастеров </a>. Так получается вот такая ссылка : Сайт для веб-мастеров . Ну а если вы поставили ссылку на графический объект, то тут поможет тег «alt» . Всё нужно проделывать также, но за место «title» вводить «alt».

Для того, чтобы ссылка меняла свой цвет при наведении на неё мышкой, нам удобно применить CSS (Cascading Style Sheets) или по нашему «Каскадные таблицы Стилей». Чтобы образовался такой эффект мы должны на страничке прописать так:

<style> A:hover { COLOR: #Ваш цвет } </style>

Иногда дизайн не позволяет «держать на сайте» подчёркнутые ссылки. Для того, чтобы ссылки были не подчёркнуты, нужно на страничке прописать

<style> a { text-decoration : none } </style>

Но можно сделать и так, чтобы ссылка была не подчёркнута, но при наведении курсора она подчёркивалась:

<style> a { text-decoration: none } a:hover { text-decoration: underline }</style>

Вроде самые главные эффекты с использованием CSS я описал. Теперь можно разобрать ещё один вид ссылок — это якорь, внутренняя ссылка на какую-либо часть страницы. Якорь ставится так:

<a href=»#link»> Текст </a>

а на то место, куда должна привести ссылка ставится:

<a name=»link»> text </a>

Также ссылка может вести просто наверх. Это нужно для тех, кто строит большие страницы. Чтобы ссылка вела на самое начало страницы, нужно прописать так :

<a href=»top»>text</a>

Вот и все!

 

Источник: yapro.ru

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

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты