Читая книги, мы часто видим, как автор, раскрывая ту или иную тему, ссылается на другой раздел или вообще на совершенно другой печатный источник. В Интернете размещены миллионы электронных документов, часто похожих по тематике и ориентированных на одну и ту же пользовательскую аудиторию. Переход на другие документы осуществляется только благодаря возможности связывания одного HTML-документа с другим с помощью гипертекстовых ссылок.
Любая гипертекстовая ссылка - это указатель адреса в глобальной сети, по которому можно моментально перейти из окна браузера. Однако успешный переход по ссылке возможен в двух случаях - если ресурс, на который ссылается документ, существует и если структура гиперссылки верна с точки зрения HTML. Первый фактор является объективным, не зависящим от нас, т. к. разработчик электронного документа, однажды поставив в нем ссылку на внешний ресурс, может и не знать о том, что этот ресурс прекратил свое существование или же переместился на другой адрес, или же временно закрыт и пр. Второй фактор относится к разряду субъективных, ибо только от создателя HTML-документа может зависеть, сумеет ли посетитель перейти по ссылке или она составлена неверно. Чтобы последнего не произошло, рассмотрим структуру и правила описания гипертекстовых ссылок.
Структура гиперссылок
Любая гиперссылка состоит из двух важных частей: указателя ссылки ("якоря" - от англ. "anchor") и адреса ресурса, на который необходимо осуществить переход. Внешне отличить гиперссылку от обычного текста очень просто: при наведении курсора мыши на ссылку указатель принимает вид руки с указательным пальцем, как бы показывающим, что этот текст содержит гиперссылку. Сама ссылка подчеркивается. В качестве указателя ссылки может выступать текст (отдельное слово, фразы и даже целые страницы текста) и графические изображения. В ряде случаев возможно объединение графики и текста в рамках единого указателя ссылки.
Adobe Photoshop
Одним из наиболее популярных и
распространенных графических редакторов
считается программа для работы с
растровой графикой AdobePhotoshop, разработанная
корпорацией
Следует обратить внимание на то, что значение параметра границы рисунка BORDER равно нулю, в противном случае браузер, интерпретируя изображение как указатель ссылки, поставит вокруг рисунка рамку.
Задание 1. Создайте интернет-страницу, на которой используются в качестве указателей текст и графика.
Инструкция
Гиперссылки можно добавлять не только к тексту, но и к графике, фотографиям, документам. Создавать гиперссылки можно с помощью текстового редактора Microsoft Office Word. Если вам необходимо просто создать на определенный сайт, или интернет-ресурс, делается это очень просто. Скопируйте нужный вам интернет-адрес, после чего вставьте его в документ Microsoft Office Word. Но сразу после команды «Вставить» нажмите Enter. После этого гиперссылка будет создана автоматически.
Также гиперссылку можно добавить непосредственно к тексту. Для этого выделите нужный участок текста с помощью левой кнопкой мышки. После этого нажмите правую клавишу мышки. Появится контекстное меню. В этом меню выберите «Гиперссылка». Откроется новое окно «Вставка гиперссылки». Если вы хотите создать гиперссылку на интернет-ресурс, то в строке «Адрес» введите, соответственно, интернет-адрес этого ресурса. Также в строке «Адрес» можно ввести ссылку на графику, фотографии или другие файлы, которые есть в интернете.
Если вам необходимо создать гиперссылку на файл, который хранится на жестком диске вашего компьютера или на винчестере одного из компьютеров вашего сетевого окружения, сделать нужно так. В окне «Вставка гиперссылки» выберите «Поиск файла» и укажите путь к файлу, на который создается гиперссылка. Выделите этот файл и нажмите ОК. Окно поиска закроется, после чего в окне «Вставка гиперссылки» также нажмите ОК. Гиперссылка будет создана.
Гиперссылку можно добавлять и к графике (фотографии, изображения, картинки и др.). Для этого выделите нужный объект и нажмите правой кнопкой мышки. Дальше также выберите «Гиперссылка». Последующие действия идентичны, как и с созданием к тексту.
Если вы просто нажмете правой кнопкой мышки по пустому месту в документе и выберите «Гиперссылка», то в строке «Текст» вы можете, соответственно, ввести текст, для которого будет добавлена гиперссылка и такими же способами, которые были описаны выше, добавить гиперссылку на файл или интернет-ресурс.
Видео по теме
Источники:
- как создавать ссылки в документе
Инструкция
Как скопировать адрес.Кликните правой кнопкой мыши в адресной строке (адрес выделится синим); в появившемся контекстном меню выберите команду «Копировать».
Как вставить гиперссылку с названием странички. Над полем отправки сообщения в форумах и блогах обычно находятся кнопки форматирования текста. Среди них есть одна, позволяющая создать гиперссылку с названием. Она бывает обозначена по-разному: http, «ссылка», значок с загогулиной, - но при наведении мыши всплывает подсказка «Добавить ссылку».
Кликните на эту кнопку – откроется маленькое окошко, где надо будет ввести URL страницы (то, что вы скопировали из адресной строки). Вставьте его и нажмите ОК.
Появится следующее окошко, где требуется ввести название страницы, расположенной по этому адресу. Затем нажмите кнопку «Отправить», чтобы опубликовать свое сообщение на сайте. В опубликованном сообщении окажется подчеркнутое название страницы, которое и является гиперссылкой. Такой текст выглядит более опрятно.
Источники:
- блог учителя
Наверное, каждый пользователь персонального компьютера пользовался такой программой, как Microsoft Word. Она по умолчанию во многих случаях ставится вместе о операционной системой и представляет собой незаменимый инструмент для редактирования документов. Однако у некоторых пользователей часто появляются трудности при вставке гиперссылки.
Вам понадобится
- - компьютер;
- - программа Word.
Инструкция
Гиперссылка – это некоторая часть документа, которая ссылается на или файл, сайт в интернете. Чаще всего используются для вставки сайтов в документ. Далее можно будет осуществлять переход по ссылке одним нажатием мыши. Вставлять гиперссылки в документ можно несколькими способами.
Чтобы вставить в программу Word, нужно скопировать ее. Это можно сделать с помощью комбинации клавиш CTRL + C. Можете скопировать и по-другому. Выделите ссылку и нажмите на ней правой клавишей мыши. Появится контекстное меню, в котором нужно выбрать пункт «Копировать». Далее откройте документ в программе Word и нажмите комбинацию клавиш CTRL + V. Если нужно выделить сразу весь документ, нажмите комбинацию клавиш CTRL + A.
Можно также воспользоваться мышкой. Для этого нажмите правой клавишей мышки и выберите пункт «Вставить». Гиперссылка будет скопирована в документ и выделена каким-нибудь цветом. По умолчанию все активные ссылки выделяются синими цветом. Можете также попробовать перейти по гиперссылке. Если все сделано правильно, вас автоматически перенаправят в браузер по данной ссылке. Однако стоит отметить, что для просмотра содержимого должно быть активным подключение к интернету.
В целом можно сказать, что вставка в программу Word не является трудной задачей. В дальнейшем вы будете за несколько секунд осуществлять данную операцию. Опыт приходит со временем, поэтому не отчаивайтесь, если с первого раза не получится. Пробуйте до тех пор, пока у вас не будет это получаться без каких-либо трудностей.
Видео по теме
Основной чертой языка гипертекстовой разметки документов – HTML является возможность не только осуществлять необходимую разметку документа, но и связывать между собой несколько документов, способных находиться на любом расстоянии друг от друга. Эти возможности сильно облегчают задачу навигации, как между отдельными документами, так и в рамках одного сложного. По сути, ссылка – это тот же самый тег с определенными атрибутами.
Инструкция
Для того, чтобы создавать простейшие html-странички, достаточно самого обычного текстового редактора «блокнот». На начальных этапах следует изучить базовые правила создания документов на языке html и запомнить хотя бы базовые теги. Если сразу работать с редакторами, где присутствует автоподстановка, то процесс запоминания может затянуться. Однако для того, чтобы работа с кодом была более нагляднее, рекомендуется использовать текстовые редакторы с текста, как, например, "Notepad++".
Начните с простейшего примера. Создайте для теста папку с любым удобным для вас названием и в нем создайте два файла с расширением.html – index.html и page.html. Далее в каждом из них пропишите базовый «каркас», лежащий в основе любой html-странички:
Заголовок страницы
***здесь основной код страницы***
Сохраните изменения в файлы.
Откройте для редактирования файл “index.html” и в месте для размещения исходного кода пропишите следующее:
Ссылка на страницу page
Здесь “а” – это тег для формирования гипертекстовой ссылки. Атрибут “href” – указывает адрес, по которому перейдет пользователь, кликнув по созданной ссылке. Это может быть как страничка в той же папке, что и основная страница, так и любой сетевой адрес. Если вы укажете в адресе путь до какого-либо файла, то у вас получится ссылка на его скачивание, т.к. при переходе по ней, браузер будет пытаться открыть файл, а для этого файл потребуется вначале сохранить.
Видео по теме
Источники:
- Скачать Notepad++
Гиперссылкой принято именовать элемент текста или графического изображения, обладающий особыми свойствами. Гиперссылка предназначена для перехода к нужному месту в документе, локальном или сетевом, или выполнить определенное действие, например, запустить выбранную программу.
Здравствуйте уважаемые читатели блога сайт. Сегодня мы поговорим о том как создавать гиперссылки в html , узнаем как использовать тег и его атрибуты href и target, научимся делать картинку ссылкой.
Гиперссылки являются ключевыми элементами web-страницы. Они связывают разрозненные html-страницы воедино, в полноценный web-сайт. Обычно ссылки отображаются как подчеркнутый фрагмент текста, при наведении на который, курсор мыши приобретает вид указывающего пальца. Кроме того, гиперссылка может иметь вид графического изображения или его фрагмента. При щелчке по ссылке, браузер загружает web-страницу, адрес которой указан в атрибутах данной ссылки. Гиперссылки позволяют ссылаться как на внутренние страницы вашего сайта, так и на любые другие ресурсы в интернете.
Создание текстовых гиперссылок
Начнем с простого и рассмотрим создание обычных текстовых ссылок. Для создания текстовой гиперссылки достаточно любой фрагмент текста, который должен стать ссылкой, заключить в парный тег . И в атрибуте href этого тега необходимо указать адрес целевой web-страницы в интернете:
страница 15
В этом фрагменте html-кода создается абзац, который содержит ссылку. Ссылка указывает на web-страницу page15.html, которая находится в папке catalog, хранящейся в корневой папке сайта www.site.ru.
страница 15
Если на странице не используются стили CSS и не применяются дополнительные атрибуты, то гиперссылки на странице по умолчанию отображаются следующим образом:
- обычные ссылки отображаются синим цветом;
- посещенные ссылки выделяются фиолетовым цветом;
- активная гиперссылка (по которой щелкнули в данный момент) отображается красным цветом, но поскольку время между нажатием на ссылку и началом загрузки нового документа достаточно мало, подобное состояние ссылки весьма кратковременно;
- текст ссылок выводится с подчеркиванием.
Интернет адреса
Полный адрес содержит содержит интернет-адрес web-сервера, и путь к файлу, который необходимо получить. Например:
http://www.site.ru/catalog/page15.html
Здесь www.site.ru адрес web-сервера, а /catalog/page15.html — путь к файлу на этом сервере. Вообще, обычно полные интернет-адреса используют только если необходимо создать гиперссылку, указывающую на какие-либо ресурсы находящиеся на другом web-сайте.
При создании гиперссылок указывающих на файлы, входящих в состав того же сайта, что и текущая web-страница, лучше использовать сокращенные интернет-адреса. Сокращенный адрес содержит только путь к файлу на сервере, т.к. адрес web-сервера итак уже известен браузеру.
Сокращенные интернет-адреса бывают абсолютными и относительными . Абсолютный адрес задает путь к целевому файлу относительно корневой папки сайта. Такой адрес начинается с символа /(слэш), который и обозначает корневую папку. Например, адрес «/page15.html» указывает на файл page15.html, который хранится в корневой папке сайта. Или адрес «/catalog/page.html» указывает на файл page.html, который помещен в папку catalog, вложенной в корневую папку сайта.
Относительный адрес задет путь к файлу относительно файла текущей веб-страницы. Относительные адреса не содержат в начале символа слэш. Рассмотрим несколько примеров.
Например адрес «page.html» указывает на файл, который находится в той же папке, что и файл текущей web-страницы. А адрес «catalog/page.html» откроет файл page.html, хранящийся в папке catalog, вложенной в папку, в которой хранится текущая страница. С помощью двух точек вначале адреса можно указывать папки предыдущего уровня вложенности. Так, например адрес «.../page.html» указывает на страницу page.html, хранящуюся в папке, в которую вложена папка с текущей веб-страницей.
Ссылка на почту
С помощью языка html можно создавать почтовые гиперссылки , щелчок по которым запускает программу почтового клиента. При указании адреса в атрибуте href перед email необходимо поставить «mailto:» , т.е. примерно так: href="mailto:[email protected]". Причем после двоеточия перед почтовым адресом не должно быть пробелов.
написать письмо
Как сделать картинку ссылкой
На этом рассказывать о создании гиперссылок я заканчиваю, напомню только основные моменты:
- Для создания ссылок используется парный тег с обязательным атрибутом href, в значении которого помещается адрес целевой страницы: Текст;
- При создании ссылки на почту в атрибуте href перед адресом почты необходимо поставить «mailto:»: написать письмо;
- Если надо создать ссылку изображение,
то просто помещаем тег img внутрь тега :
.
Или же, кликнув правой кнопкой мышки по выделенному тексту, выбрать пункт меню Гиперссылка .
В появившемся диалоговом окне Вставка гиперссылки , в области Связать с выберите файлом, веб-страницей. В области Папка можете указать путь к файлу. В поле Адрес автоматически будет отображен путь к нужному файлу.
Чтобы во время наведения курсора мышки на текст гиперссылки выводилась подсказка, то в этом же диалоговом окне Вставка гиперссылки , нажмите на кнопку Подсказка Подсказка для гиперссылки введите текст подсказки.
Мне нужно в презентационное письмо вписать email, но не сам мейл, а типа ссылка на него, чтобы у человека, который кликает на тексте, например, "…. написать письмо", автоматически создавалось сообщение на нужный мне адрес так же, как это делается при клике на адресе почтового ящика вставленного в Ворд. Подскажите, как это сделать?!
Вам нужно создать гиперссылку на пустое сообщение электронной почты. Для этого достаточно выделить необходимый текст (рисунок), который будет гиперссылкой, и перейти с помощью контекстного меню Гиперссылка в диалоговое окно Вставка гиперссылки или на вкладке Вставка в группе Связи кликнуть на кнопку Гиперссылка .
В области Связать с выберите Электронная почта . В поле Адрес эл. почты введите адрес, на который вы хотите, что бы сообщения отправлялись. В поле Тема введите тему сообщения, которое вам будут присылать.
Нажав на кнопку Подсказка , вы можете написать подсказку к созданной гиперссылке.
Для вставки гиперссылки на текст внутри документа необходимо сначала отметить это место в документе. Для этого, выделите текст, на который должна перенаправлять гиперссылка (можно даже установить курсор в начале текста, если он объемный). На вкладке Вставка в группе Ссылки нажмите кнопку Закладка . В появившемся диалоговом окне Закладка в поле Имя закладки введите ее имя. И нажмите кнопку Добавить .
Обратите внимание! Имя закладки должно начинаться с буквы, но может содержать и цифры. В имени закладки нельзя ставить пробелы, для этого придется воспользоваться подчеркиванием.
Теперь выделите текст (рисунок), который будет гиперссылкой, и с помощью правой кнопки мыши выберите меню Гиперссылка , или в меню ленты Вставка-Ссылки-Гиперссылка , перейдите в диалоговое окно Вставка гиперссылки . В области Связать с выберите местом в документе . В области Выберите место в документе выберите нужную вам закладку. Как и во время работы с обычной гиперссылкой, вы можете написать всплывающую подсказку, нажав на кнопку Подсказка .
Как видно с рисунка, вы можете сделать ссылку на целый раздел вашего документа, выбрав вместо Закладки необходимый Заголовок , в диалоговом окне Вставка гиперссылки . Но у вас должны быть проставлены заголовки в документе, с помощью одного из встроенных стилей заголовков Microsoft Word. Для этого достаточно в меню Главная группе Стили выбрать один из имеющихся эксресс-стилей с значением Заголовок .
Для создания связи с определенным местом в другом документе необходимо сначала, как и в предыдущем примере, с помощью Закладки отметить такое место в документе. В файле, который будет содержать гиперссылку, выделите текст (рисунок), который будет гиперссылкой. С помощью контекстного меню Гиперссылка в диалоговом окне Вставка гиперссылки в области Связать с выберите файлом, веб-страницей . Выберите файл, на который должна перенаправлять ссылка и нажмите на кнопку Закладка . Здесь вы увидите все закладки выбранного документа. Выбрав нужную закладку, нажмите ОК.
Обратите внимание! Создание ссылки на часть другого документа, можно только ссылаясь на Закладку в документе , ссылка на Заголовок не создается.
Для вставки гиперссылки на определенную часть в документе Microsoft Excel, необходимо сначала присвоить имя этой части документа. Для этого зайдите в документ Microsoft Excel и выделив необходимый диапазон ячеек/начальную ячейку перейдите на вкладку Формулы группы Определенные имена . Нажмите на кнопку Присвоить имя . В открывшемся диалоговом окне Создание имени введите имя области.
Имя области должно начинаться с буквы и не должно содержать пробелов. В поле Область необходимо выбрать Книга .
Теперь вернемся к нашему документу Microsoft Word, выделим текст гиперссылки и с помощью контекстного меню Гиперссылка или меню Вставка-Связи-Гиперссылка перейдем в окно Вставка гиперссылки . В области Связать с выберите файлом, веб-страницей . Выберите файл, на который должна перенаправлять ссылка и в конце имени файла в поле Адрес введите знак номера #, а вслед за ним имя нужного вам диапазона.
Как сделать, что бы для перехода по гиперссылкам в документе не надо было зажимать CTRL?
Чтобы переход по гиперссылке осуществлялся одним щелчком мыши, нажмите на кнопку Office в левом верхнем углу документа Microsoft Word и перейдите в Параметры Word. В открывшемся диалоговом окне нажмите кнопку Дополнительно и в разделе Параметры правки снимите флажок с CTRL + щелчок для выбора гиперссылки.
