Как сделать ссылку в HTML
- Создание сайта на Adobe Dreamweaver
- Первая веб страница
- Форматирование текста в HTML
- Создание списков
- Создание таблиц в блокноте
- Цвета в HTML
- Как создать форму в HTML?
- Табличная верстка сайта
- Теги в HEAD
- Изображения в html
- CSS
- Работа с текстом и изображениями в CSS
- Блочная структура сайта
- Блочная верстка
В этом уроке мы научимся делать гиперссылки. Без них невозможен ни один полноценный сайт. Гиперссылка- это ссылка, при нажатии на которую браузер переводит нас на другую страницу в сети, или на другой сайт, или на определенное место в документе, в общем, туда, куда мы назначим. Для этого урока нужно проделать определенную подготовительную работу: создайте новую страницу с названием third_page.html .
Полезная реклама: многие российские банки уже ввели комиссию на валютные счета, чтобы сохранить накопления и оплачивать зарубежные сервисы, рекомендуем открыть банковскую карту в Белоруссии, Казахстане или Киргизии.
Создайте на странице такой список:
Меню
- Главная страница
- Первая страница
- Вторая страница
Код выглядит так:
<html> <head> <title>Third_page</title> </head> <body> <p>Меню</p> <ul> <li>Главная страница</li> <li>Вторая страница </li> <li>Третья страница </li> </ul> </body> </html>
Теперь мы из этого списка сделаем меню, каждая строка которого ведет на другую страницу. Это можно сделать с помощью гиперссылок. Тег гиперссылки выглядит так:
<a href=”страница”>текст ссылки</a>
Сделаем ссылку на главную страницу. Поменяем первый элемент списка на гиперссылку:
<li><a href=”index.html”> Главная страница </a></li>
Здесь внутри тега элемента списка (<li>) мы вставили тег гиперссылки (<a href=”index. html”>)
Теперь сделайте ссылку на вторую страницу(попробуйте сами). Код выглядит так:
<li><a href=”second_page.html”> Вторая страница </a></li>
Третьим элементом списка мы сделаем ссылку на страницу в интернете (напр. mail.ru)
Код будет выглядеть так:
<li><a href=”http://www.mail.ru/” > Третья страница </a></li>
Откройте страницу в браузере, пощелкайте по ссылкам, посмотрите, как работают переходы на страницы. Если у вас ссылки не открываются, то выполните следующие действия:
- Проверьте, чтобы все файлы (index.html , second_page.html) находились в одной папке со страницей third_page.html
- Удалите куки в браузере
- Перезагрузите браузер, потом перезагрузите страницу third_page.html
Таким образом, мы научились делать простейшие ссылки, без которых невозможно представить ни одну страницу в интернете. С помощью Dreamweaver можно сделать гиперссылки быстрее и легче.
Работа в Dreamweaver.
Создайте новую страницу под названием: third_page.html. Создайте список подобный тому, который мы описывали при работе в блокноте.
Для создания гиперссылок в Dreamweaver используется окно Link (цифра1). Выделите текст: Главная страница. Во вкладке Files (цифра 2) нажмите левой кнопкой на файле index.html (цифра 3) и не отпуская кнопки перетащите в поле Link. У вас в поле дизайна выделенный текст должен поменяться: цвет шрифта станет синим и появится нижнее подчеркивание. Вот мы и создали нашу первую гиперссылку.
Второй способ сделать ссылку: выделите текст «Вторая страница». Щелкните на папке рядом с полем Link (цифра 1). В открывшемся окне выберите second_page и нажмите ОК.
Все ссылка создана.
Выделите текст «Третья страница». В поле Link введите: http://www.mail.ru/
Мы создали ссылку на страничку mail.ru.
Посмотрите страницу в браузере.
В этой главе мы научились создавать простейшие гиперссылки. Эти навыки помогут нам в дальнейшем создавать красивые и удобные сайты. В следующей главе мы научимся создавать таблицы.
Adobe Dreamweaver
Как вставить в блокнот ссылку
Содержание:
Картинку в HTML можно вставить через тег IMG, например:
7 · Хороший ответ
1 · Хороший ответ
4 7 · Хороший ответ
бесполезная информация и вообще society
Как вставить изображение на сайт(html) из Яндекс Диска моего по ссылке?
Такая ссылка будет действовать несколько часов
8 · Хороший ответ
Как сделать ссылку на вторую страницу внутри сайта в html?
Чтобы сделать ссылку на новую страницу сайта, нужно вписать ссылку в .
Также можете указать дополнительные атрибут target=»new» — чтобы ссылка открывалась в новом окне.
Чтобы сделать сделать ссылкой картинку используйте site.ru/raspisanie»>
Будут вопрос — пишите!
3 0 · Хороший ответ
Как делать отступы в HTML?
Внутренние отступы задаются с помощью padding, внешние с помощью margin.
padding: 1px — со всех сторон внутренний отступ 1 пиксель
padding: 1px 2px — по вертикали 1 пиксель а по горизонтали 2 пикселя
padding: 1px 2px 3px — сверху 1 пиксель по бокам 2 пикселя снизу 3 пикселя
padding: 1px 2px 3px 4px — сверху 1, справа 2, снизу 3, слева 4
Дневник начинающего художника
Любите рисовать? Тогда наши материалы для вас! Поверьте, не боги горшки обжигают. Каждый крутой художник начинал с малого — точка, точка, два крючочка. Нет ничего невозможного! Помните, терпенье и труд все перетрут! Смотрите, обучайщесь, тренируйтесь. И все у вас получится!
Ссылки
Итак, у вас должно быть, как минимум, два документа (странички), которые нам нужно будет соединить ссылками. У меня это будет два документа: один — index.html, где я все в том же пиджаке, а другой, пусть будет new.html, где я красуюсь в новом костюме на берегу Черного моря. Причем второй документ находится в папке
Вот между этими документами я и создам ссылки
Еще раз прошу прощенья за свой убогий дизайн. Зато на этом убогом дизайне можно вы сразу увидите то, что сейчас главное, а именно ссылки!
Что такое ссылки? Хороший вопрос. И на него я дам хороший ответ — это то место при нажатии по которому тебя пошлют в другое место. Ссылки могут быть в виде текста, картинки или даже рекламного баннера.
Надеюсь, мы с вами научимся и баннеры рисовать, и флеш-анимацией заниматься. Надеюсь к тому времени я не слишком состарюсь, и хоть я уже давно не эта самая… которая еще незамужем, и есть еще порох в этой самой, не побоюсь этого слова, пороховнице, и меня минует это самый… как иво… склероз… Да… о чем я там хотела?
Аха… ссылки. Так вот, вы будете смеяться, но ссылки отличаются от нессылок буквой «A». Круто правда? Склерозники и то запомнят! Пусть вы русский, нерусский или даже простой инопланетный парень. Потому как — начальная буква Адреса (если по-русски), либо Address (если не по-русски). Это такой тег. И он имеет, как все порядочные теги закрывающуюся пару .
Поэтому, если я напишу в своем первом документе ссылку на фотоальбом:
Мы с вами поймем, что это уже ссылка. Жаль, этого не поймет браузер. Мы же не указали адрес, по которому нас перекинуть! Просто тегом тут не отделаешься. Для этого у тега есть атрибут href, которому и нужно указать адрес фотоальбома new.html, который находится у меня в другой папке sea. Поэтому теперь мы напишем правильно:
А еще мы можем вставить ссылку на наш электронный адрес. И сделать это тоже очень легко. Только нужно добавить перед нашим электронным адресом, например [email protected] слово mailto:
А если вы захотите дать ссылку на мой сайт www.dikarka.ru, то можете написать так:
А если на сайт для детей и родителей, то адрес такой:
А если на поисковую систему yandex, то, естественно
Вот и все премудрости!
Единственно, хочу заметить, если вы хотите, чтобы открытый по ссылке документ не вытеснял собой предыдущий, можете дать указание открыть его в новом окне, добавив в конце ссылки атрибут target=_blank, например:
В этом случае, ваша страничка останется на месте, а в новом окне откроется новая страничка с сайтом www. dikarka.ru. Итак, напишем все изменения в нашем документе index.html:
Листинг 15. Полный код
Я на море!
Дикая правда
Корабль Друзей
Поисковая система Яндекс ;
Напишите мне письмо!
И вот результат:
Ссылки
Как видим, у нас получились чудесные ссылочки! Они у нас получились подчеркнутыми, как и положено настоящим ссылкам. Если навести на них указатель мыши, стрелочка превратится в изображение руки, давая тем самым понять, что эти подчеркнутые слова являются именно ссылкой, а не просто словами, которые подчеркнуты неизвестно для чего.
Кроме того, по умолчанию они получились синего цвета, а вот использованные ссылки окрасились в фиолетовый цвет. Посмотрев на мои ссылки, можно догадаться, что я уже проверила первые четыре ссылки, осталось проверить последнюю, пятую, где есть ссылка на несуществующий почтовый адрес. Так проверю же его! Вот что получится, если я на него нажму:
Отправка почтового сообщения по указанному адресу в ссылке
Видите? Открылась почтовая программа, с готовым к отправке письмом. И в строчке адресата уже вписан адрес, который я указала в ссылке. Пользователю достаточно просто вписать свое сообщение и отправить.
Цвет ссылок можно изменить, но этим я займусь в ближайших уроках. Сейчас, главное, что вы поняли как пользоваться ссылками.
Причем, вторая и четвертая ссылка открылись в новом окне, а первая и третья — заменила собой первоначальный документ. То есть страничка
Добавим в страничку sea.html следующую запись:
Возврат на Домашнюю страничку
Видите, впереди index. html косую черту с предстоящими двумя точками? Дело в том, что файл с кошками у меня находится в директории, расположенной в дочернем файле нашей первой странички index.html.
Надеюсь, я не очень вас запутала своими объяснениями? Короче, если у вас файл index.html и файл sea.html лежат в одной папочке, то проблем не будет. В этом случае вы напишете просто в двух документах: В документе index.html:
А в документе sea.html:
Возврат на Домашнюю страничку
Ну, а если ваши странички лежат в разных папочках, то смотрите не запутайтесь. У меня, как я уже сотый раз талдычу, они находятся в разных папках, поэтому, чтобы создать правильную ссылку в документе sea.html, я открою блокнот и внесу следующие изменения:
Возврат на Домашнюю страничку
И вот результат моего часового объяснения:
Ссылка на домашнюю страничку
Пойдем теперь дальше. Вместо словесной ссылки можно дать картинку и она будет ссылкой. Я вот возьму и заменю слова Возврат на домашнюю страничку рисунком домика, который я нарисую в Adobe Photoshop и не забуду его оптимизировать для web. А рисунок назову home.jpg и расположу я его в папке
Кроме того, можно еще использовать атрибут title, который предназначен для текста всплывающей подсказки, и который называется «заголовком ссылки». И если вы подведете к ссылке указатель, вы увидите это всплывающее окно. Итак, вот это, о чем я тут расскзаываю:
Вот что у меня было:
Возврат на Домашнюю страничку
А вот что будет:
Вот моя улучшенная работа:
Ссылка в виде рисунка и всплывающая к ней подсказка
Не знаю как вам, но мне это очень понравилось. Мало того, что домик получился симпатичный, так ведь еще, если задержать указатель мыши над домиком выплывет подсказка, что этот домик является ссылкой на мою домашнюю страничку.
Ну вот и все на сегодняшний день.
Я упустила некоторые моменты, например на создание ссылок внутри документа. Но не хочется утомлять вас этими ссылками. Пока они вам не понадобятся. В будущем, я конечно к ним вернусь. А пока разберитесь с тем, что я написала выше.
Сказать по правде, я очень удовлетворена этим уроком. И писала его с огромным удовольствием. Надеюсь он понравился и вам? Но, может вы думаете по-другому? Может я слишком подробно все разжевываю? Или, наоборот, стоит еще раз объяснить некоторые моменты? Пишите, задавайте разные вопросы. Ведь и от вас зависит какими будут мои будущие уроки. Потому как я делаю их не для себя. Я это и так знаю. Я пишу для вас. И очень хочу, чтобы у вас получилось все как надо.
Поначалу, взявшись за ведение этих уроков, меня грызли разные сомнения, так ли я пишу? Надо ли вообще все это? Но наблюдая за тем, что все большее и большее число людей заходят на мои уроки, радуюсь. Вот на такой радостной ноте и заканчиваю этот урок.
Сегодня я расскажу Вам, как сделать ссылку активной.
Иногда в тексте, размещаемом в Интернете, мы хотим дать активную ссылку на какой-то ресурс. Но если мы просто впишем в текст ссылку, то кликай-не кликай по ней – результата не будет.
Как же быть? Если языка HTML Вы не знаете, то решение этого вопроса кажется проблематичным.
Я предлагаю решить его очень просто.
К примеру, Вам надо вставить в текст активную ссылку на Ваш блог.
Для начала скопируйте в «Блокнот» следующие непонятные для Вас строчки:
Вместо адреса моего блога, выделенного красным, вставьте свой URL. Остальное неприкасаемо, ничего больше не меняйте!
Сохраните это на рабочем столе под именем 01.html.
Делайте это при открытом браузере!
Затем открываете вновь созданный документ «01» (он откроется в браузере под названием «Ссылка на мой блог») и копируете оттуда ссылку.
Вставляете ее в нужном месте Вашего текста. Она будет теперь активной.
Если Вам нужно создать ссылку на другой интернет-ресурс, то вместо слов «Ссылка на мой блог» впишите название этого ресурса, а вместо адреса блога вставьте новый URL.
Ну а если же Вам интересно, как сделать ссылку активной в виде слова(например, в виде слова «Блог»), то тогда Ваш НТМL-код будет выглядеть несколько иначе:
Ссылка на мой блог
Здесь опять замените URL моего блога на свой, скопируйте весь этот текст в «Блокнот», сохраните как, например, «02.html», откройте вновь созданный документ «02» и скопируйте из браузера открывшийся текст.
Процесс тот же, что и в вышеописанном способе, разница лишь в том, что здесь активной ссылкой будет служить не URL блога, а слово «Блог».
Все просто, не так ли?
Я сейчас с интересом изучаю язык HTML. Думала вначале, что никогда не осилю, что для этого нужны особые способности. А на деле ничего сложного. Каждый раз по маленькому шагу – и потихоньку осваиваю, радуясь за себя.
Если Вы пришли в Интернет серьезно и надолго, то, конечно же, следует познакомиться с этим языком. В поисковике Вы можете найти немало бесплатных учебников на эту тему, набрав всего одну фразу, например: » бесплатный учебник по HTML».
Удачи и до следующей встречи!
P.S. Как ни странно, но эта статья на данный момент (на 23.05.2015) самая посещаемая, поэтому к ней поступает от спамеров очень много «комментариев», не относящихся к теме.
В то же время вопросов от читателей больше не поступает, а на все поступившие я дала ответы ниже.
Учитывая все это, я решила отключить функцию, разрешающую комментарии к данной статье «Как сделать ссылку активной». Если захотите связаться со мной, то к вашим услугам меню в верхней части блога: достаточно кликнуть мышкой на «Контакты» и задать мне возникший вопрос.
Гиперссылки – необходимый элемент HTML-страницы. Они позволяют осуществлять переходы между HTML -документами или переходы по тексту внутри одной страницы. Гиперссылки используются для формирования меню сайта. Также они хороши при формировании оглавлений крупных разделов.
За вставку гиперссылки отвечает конструкция a > a > . В нее можно поместить текст, который будет являться ссылкой, или изображение (подробнее о второй возможности читайте в следующем разделе).
У открывающего тега a > есть обязательный атрибут href. Он принимает значение «куда идти», т. е. путь до страницы в сети Интернет, или до файла в вашем компьютере, или до элемента в сложном, большом тексте HTML-страницы. Также у конструкции a > a > есть необязательные параметры. Все они, как и описание атрибута href, занесены в табл. 3.2.
Атрибуты тега a >
«Куда идти?» В качестве значения принимает адрес документа, на который необходимо перейти
Указание кодировки текста, на который введет ссылка
Установка координат активной области
Язык текста по ссылке
Имя якоря внутри документа. Используется для переходов по тексту одного HTML-документа
Отношение между документом, на котором расположена ссылка, и документом, на который эта ссылка ведет. В качестве значения принимает строку
Отношение между документом, на который ведет ссылка, и документом, на котором расположена ссылка. В качестве значения принимает строку
Задание формы активной области для изображения, которое является ссылкой. Может принимать значения: default (по умолчанию), rect (прямоугольная форма), circle (круглая форма), poly (полигон)
Задание способа открытия ресурса. Может принимать значения: _blank (открытие в новом окне), _self (открытие в том же окне), _parent (открыть в родительском фрейме; работает как _self , если фреймов нет), _top (отменяет все фреймы и загружает страницу в полном окне). По умолчанию атрибут определяется, как _self
Задание всплывающей подсказки, которая появляется при наведении на текст ссылки. В качестве значения принимает строку текста
Часто используемыми атрибутами из табл. 3.2 являются: обязательный атрибут href, атрибут name, атрибут target со значениями _blank и _self , атрибут title.
Как уже говорилось ранее, возможны два варианта использования конструкции a > a > . Во-первых, ее можно использовать, если вы хотите сослаться на другую HTML-страницу. Во-вторых, при помощи гиперссылок можно организовать подобие содержания (оглавления) для крупного текста, а также осуществить переходы по документу. Также возможен и третий вариант – установление ссылок на файлы, находящиеся на локальном компьютере, т. е. осуществление операции загрузки.
ОПРЕДЕЛЕНИЕ ССЫЛКИ НА ИНТЕРНЕТ-РЕСУРС
Формирование ссылки на интернет-ресурс – самый простой вариант использования конструкции a > a > и ее атрибутов. Достаточно присвоить обязательному атрибуту href строку с полным адресом страницы (т. е., начиная с http://) и поместить между тегами a > и a > некоторый текст (листинг 3.5).
Листинг 3.5. Использование гиперссылок
- DOCTYPE HTML PUBLIC «-// W 3 C // DTD XHTML 1.0 Transitional // EN «» http :// www . w 3. org / TR / xHTML 1/ DTD / xHTML 1- transitional . dtd «>
- HTML >
- head >
- title >Использование гиперссылок title >
Как сделать гиперссылку в Notepad++
Ник Пирс
i Comstock/Stockbyte/Getty Images
Notepad++ поддерживает все теги HTML, так что вы можете использовать его для вставки всех типов гиперссылок на свои страницы. Хотя по умолчанию гиперссылки в Notepad++ недоступны, вы можете сделать их активными, изменив настройки программы. После изменения настроек вы можете проверить свои ссылки, нажав на них; ссылки открываются с помощью веб-браузера по умолчанию. Эта функция особенно полезна для проверки ссылок на страницы, хранящиеся в разных папках на вашем сайте.
Шаг 1
Запустите Notepad++, нажмите «Настройки», а затем выберите «Настройки» в меню, чтобы отобразить окно «Настройки».
Шаг 2
Выберите «Разное» на левой панели навигации, а затем установите флажок «Включить» в разделе «Настройки интерактивных ссылок», чтобы сделать ссылки интерактивными. Нажмите «Закрыть», чтобы закрыть окно настроек.
Шаг 3
Нажмите «Файл» и выберите «Открыть», если хотите открыть существующую веб-страницу. Выберите «Создать» вместо «Открыть», если хотите создать новую страницу.
Шаг 4
Просмотрите код, пока не найдете место, куда вы хотите вставить гиперссылку. Поместите курсор после последнего тега и нажмите «Enter», чтобы вставить пустую строку.
Шаг 5
Введите в начале новой строки. Замените «URL» на URL-адрес ссылки. Вы должны включить часть «http://» URL-адреса, если хотите, чтобы гиперссылка указывала на другой веб-сайт. Если вы хотите, чтобы он указывал на страницу вашего веб-сайта, используйте только имя страницы, включая расширение HTM или HTML. Если вы хотите, чтобы ссылка указывала на якорь на вашей странице, используйте «#AnchorName» (без кавычек).
Шаг 6
Введите текст гиперссылки сразу после тега. Это текст, который появляется на странице и может быть нажат.
Шаг 7
Закройте тег, введя «» (без кавычек) сразу после текста гиперссылки. Вот рабочий пример гиперссылки:
Здесь идет текст ссылки.
Ссылки
- W3Schools: атрибут HTML href
- W3Schools: тег HTML
Советы
- Вы должны закрыть и снова открыть веб-страницу после того, как сделаете ссылки активными в Notepad++.
- Тег поддерживается всеми основными веб-браузерами, включая Google Chrome, Mozilla Firefox, Safari и Internet Explorer.
- Тег поддерживает все глобальные атрибуты HTML и атрибуты событий.
Предупреждения
- Информация в этой статье относится к Notepad++ 6.5.1. Процедуры могут незначительно или значительно отличаться для других версий или продуктов.
Writer Bio
Ник Пирс пишет статьи о технологиях с 2003 года. Его статьи публиковались в десятках технических изданий, включая MSN UK, CNET, BBC Who Do You Think You Are, LifeHacker UK и TechRadar. Он имеет степень магистра информационных технологий Университета Восточного Лондона.
Как превратить ссылку в кликабельное описание
Ваш браузер не поддерживает JavaScript. В результате ваши впечатления от просмотра будут уменьшены, и вы были помещены в режим только для чтения .
Загрузите браузер, поддерживающий JavaScript, или включите его, если он отключен (например, NoScript).
Эта тема была удалена. Его могут видеть только пользователи с правами управления темами.
-
Как сделать полную ссылку в notepad++,
например. https://notepad-plus-plus.org/downloads/
в кликабельное описание, например так: npp_downloadВ общем, как вставлять ссылки в notepad++ и давать им описание. Это очень важно для меня, так как я часто использую длинные ссылки в текстовых файлах.
Спасибо за любую помощь -
@Sebastian-Freeh ,
Notepad++ — это редактор текста/исходного кода.
Он показывает вам длинную версию и не «рендерит» что-то в окне редактора.В HTML вы делаете ссылку типа
npp_download, и это то, что вам покажет Notepad++, тогда как браузер будет отображать это как npp_download — плагин PreviewHTML для Notepad++ будет отображать HTML в реальном времени во второй панели внутри Notepad++, но по сути это браузер/рендерер).В Markdown вы делаете ссылку типа
[npp_download](https://notepad-plus-plus.org/downloads/), что вам покажет Notepad++, в то время как в Markdown (как на этом форуме или в плагине Markdown++ для Notepad++) просто покажет заголовок ссылки с соответствующей кликабельной ссылкой.Notepad++ может сделать https://notepad-plus-plus.org/downloads/ интерактивным (см. Settings > Preferences > Misc для Clickable Link Settings ), но Notepad++ не собирается скрывать URL-адрес в обычном панель редактора — она покажет вам полный URL-адрес вместе с любым описанием, которое вы написали в выбранной вами разметке / уценке, потому что она показывает вам исходный код / обычный текст, а не обработанную копию.
Вы можете использовать плагин, подобный тем, которые я упомянул, для рендеринга исходного кода на отдельной панели, но сама панель редактора по-прежнему будет отображать исходный код/простой текст, как это и должно быть сделано для текстового редактора. @PeterJones
Большое спасибо за ответ. Высоко ценится.
Я думаю, плагин Markdown++ звучит интересно. Я попробую. Знаете ли вы какие-либо хорошие ссылки на него о том, как интегрировать и использовать плагин?
Значит, нет возможности отобразить ссылки в панели редактора? В любом случае мне нужна вторая панель предварительного просмотра, чтобы увидеть визуализированную версию?
Я понимаю политику notepad++ для этого, однако было бы здорово, если бы notepad++ предоставил вам возможность отображать ссылки в дополнение к тому, чтобы сделать их кликабельными. Это просто такая полезная функция.-
@Sebastian-Freeh сказал в статье Как превратить ссылку в кликабельное описание:
@PeterJones
Я думаю, плагин Markdown++ звучит интересно. Я попробую. Знаете ли вы какие-либо хорошие ссылки на него о том, как интегрировать и использовать плагин?Установите подключаемый модуль MarkdownViewer++ с помощью администратора подключаемых модулей. Откройте или сохраните файл уценки (обычно
.md), связанный с UDL уценки (см. Языки меню). Плагины > MarkdownViewer++ > MarkdownViewer++ , чтобы открыть панель.Значит, нет возможности отрисовать ссылки в панели редактора? В любом случае мне нужна вторая панель предварительного просмотра, чтобы увидеть визуализированную версию?
Я так и сказал, да.
Я понимаю политику notepad++ для этого, однако было бы здорово, если бы notepad++ предоставил вам возможность отображать ссылки в дополнение к тому, чтобы сделать их кликабельными. Это просто такая полезная функция.
Notepad++ — это редактор текста/исходного кода, а не редактор WYSIWYG («что видишь, то и получаешь»). Если вам нужен WYSIWYG-редактор, это другое приложение.
-
Это не просто, но у вас может быть таблица с 2 столбцами,
один с короткой меткой (псевдоним), а другой со ссылкой на реальный адрес и:- нажмите определенную клавишу для макроса для перевода псевдонима
- нажмите на указанную ссылку
Возможно это можно сделать одним кликом,
если макрорекордер принимает ТО
назначать и вызывать транслятор макроса И вызывать конечную ссылку
всего за одну процедуру.