Эй! Спасибо, что решили посмотреть на тему! Осмотритесь вокруг
и подпишитесь на RSS feed чтобы узнавать обо всех обновлениях. До встречи!

Архив Сентябрь, 2012

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

адресную строку браузера, либо, пользуясь «copy» и «paste», копировать и вставлять адрес страницы, на которую нас приглашают. А если захотелось остаться на этой странице и открыть документ, на который указано на текущей странице, то пришлось бы открывать еще и новое окно браузера самостоятельно.

Особенность их состоит в том, что сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. Главное, чтобы к документу, на который делается ссылка, был доступ. Иными словами, если путь к файлу можно указать в адресной строке браузера, и файл при этом будет открыт, то на него можно сделать ссылку.

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

текст ссылки

Параметр href определяет URL (Universal Resource Locator, универсальный указатель ресурса), иными словами, адрес документа, на который следует перейти,

а содержимое контейнера является ссылкой.

Текст, расположенный между тегами и , по умолчанию становится синего цвета и подчеркивается.

Пример добавления ссылки скопируйте html код:

Ссылка на сайт

Яндекс

Результат:

Яндекс

Атрибуты (параметры) ссылок.

По умолчанию браузер при переходе по ссылке открывает страницу в этом же окне. Чтобы изменить это используется атрибут тега < a> target. Он имеет следующие значения:

_blank— открывает страницу в новом окне;

Текст ссылки

_parent — загружает ссылку в родительском окне;

Текст ссылки

_self— по умолчанию. Открывает ссылку в этом же окне.

Текст ссылки

Параметр: title — добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке, после чего

подсказка через некоторое время пропадает.

Яндекс.

Яндекс.

Ссылка на скачивание.

Ссылаться можно не только на файлы с расширением html но и на файлы с другими расширениями. Для этого в адресе ссылки необходимо прописывать соответствующее имя файла и расширение. Например, ссылка на архив выглядеть так:

Скачать эту статью в PDF

Где files/ — название папки с файлами, time.pdf — сам файл для скачивания.

Скачать эту статью в PDF

Ссылка на адрес электронной почты.

Создание ссылки на адрес электронной почты делается почти также как и ссылка
на веб-страницу. Только вместо URL указывается mailto: адрес электронной почты

Адрес электронной почты.

Связаться с автором статьи.

Результат:

Задавайте вопросы по электронной почте.

В параметре href тега вначале пишется ключевое слово mailto:, затем через двоеточие желаемый почтовый адрес. Подобная ссылка ничем не отличается от ссылки на веб-страницу, но при нажатии на нее запускается почтовая программа, установленная по умолчанию. Поэтому в названии ссылки следует указывать, что она имеет отношение к электронной почте, чтобы читатели понимали, к чему приведет нажатие
на нее.

Якоря.

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

переходить к нужному разделу.

Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи атрибута name тега .
В качестве значения href для перехода к этому
якорю используется имя закладки с символом решетки (#) впереди.

Формы

Статья

Перейти к началу статьи

Перейти к началу статьи

Переход по внешней ссылке

  • Сниппет структуры страницы HTML 5.

    Любой web-мастер, если он пытается верстать страницы сайта с помощью топора, ножа, палки колбасы и «пол-литра» водки — ретроград и…

  • Аудит блога Ленара Амирханова

    В прошлом посте я разобрал по полочкам оформление и ошибки верстки блога перфекционистки. Аудит Лениного сайта меня так увлек (уж…

  • Анти-перфекционизм в шаблоне перфекционистки

    В сегодняшнем посте я хотел бы дать рекомендации по оформлению авторского «разноблога» перфекционистки Лены. Провести так называемый аудит сайта. Ну…

  • Ответы чудо-копирайтеров заказчикам

    Кроме Textsale, в Интернете есть и другие биржи, с иными правилами: заказ размещают на форуме, а копирайтеры пишут отзывы. Их…

  • Как наполнять свой сайт хорошими текстами?

    Любой веб-ресурс нуждается в наполнении. При этом, контента должно быть много, и его качество не должно оставлять желать лучшего. Но…

  • Нужны ли alt в картинках

    По сути alt – это краткое описание картинки, изложение словами того, что на ней изображено. В web-дизайне такие описания предусмотрены…

  • Как улучшить свою память

    Большинство людей используют не более 10 процентов потенциала своей памяти, который дается ему с самого рождения. Оставшиеся 90 процентов его…

  • Слияние Google с Yandex

    Новость уже не новая, но просто так для эксперимента сегодня дочерняя компания Google вольется в сервис от Яндекса. Не пинайте меня…

  • Возраст домена и поисковая оптимизация

    Влияние того, как давно был зарегистрирован домен, на ранжирование сайта поисковыми системами общеизвестно всякому, кто занимался продвижением сайтов. По этой…

  • Как уникализировать картинки

    Графические элементы на сайте – непременный атрибут хорошего дизайна, удобного юзабилити, и одна из причин возвращения на сайт посетителей. К…

Переход по внешней ссылке

  • Сниппет структуры страницы HTML 5.

    Любой web-мастер, если он пытается верстать страницы сайта с помощью топора, ножа, палки колбасы и «пол-литра» водки — ретроград и…

  • Аудит блога Ленара Амирханова

    В прошлом посте я разобрал по полочкам оформление и ошибки верстки блога перфекционистки. Аудит Лениного сайта меня так увлек (уж…

  • Анти-перфекционизм в шаблоне перфекционистки

    В сегодняшнем посте я хотел бы дать рекомендации по оформлению авторского «разноблога» перфекционистки Лены. Провести так называемый аудит сайта. Ну…

  • Ответы чудо-копирайтеров заказчикам

    Кроме Textsale, в Интернете есть и другие биржи, с иными правилами: заказ размещают на форуме, а копирайтеры пишут отзывы. Их…

  • Как наполнять свой сайт хорошими текстами?

    Любой веб-ресурс нуждается в наполнении. При этом, контента должно быть много, и его качество не должно оставлять желать лучшего. Но…

  • Нужны ли alt в картинках

    По сути alt – это краткое описание картинки, изложение словами того, что на ней изображено. В web-дизайне такие описания предусмотрены…

  • Как улучшить свою память

    Большинство людей используют не более 10 процентов потенциала своей памяти, который дается ему с самого рождения. Оставшиеся 90 процентов его…

  • Слияние Google с Yandex

    Новость уже не новая, но просто так для эксперимента сегодня дочерняя компания Google вольется в сервис от Яндекса. Не пинайте меня…

  • Возраст домена и поисковая оптимизация

    Влияние того, как давно был зарегистрирован домен, на ранжирование сайта поисковыми системами общеизвестно всякому, кто занимался продвижением сайтов. По этой…

  • Как уникализировать картинки

    Графические элементы на сайте – непременный атрибут хорошего дизайна, удобного юзабилити, и одна из причин возвращения на сайт посетителей. К…