Как сделать ссылку на сайт, шапку и фон. Как сделать ссылку на документ на сайте


Как вставить ссылку в тексте страницы или записи. Якоря. » Техподдержка Prihod.ru

В последней версии WordPress ссылки можно вставлять еще проще — копируете адрес с ссылкой, набираете на странице или записи текст, который должен стать ссылкой, выделяете его мышкой и нажимаете сочетание клавиш «Ctrl»+»V», к выделенному тексту автоматически привяжется ссылка.

Если поставить курсор мышки в текст, к которому привязаны ссылка, то появится всплывающее окошко с ссылкой и кнопками для удаления ссылки или перехода к редактированию ссылки.

Ниже описаны стандартные действия и дополнительные возможности при размещении ссылок.

Как вставить ссылку в тексте страницы или записи

1. Поставим курсор в ту часть текста, куда нужно вставить ссылку

2. Набираем название ссылки и выделяем его курсором мышки

3. На панели инструментов нажимаем кнопку  Вставить/изменить ссылку

4. В появившемся диалоге в поле URL набираем или вставляем адрес ссылки

5. Нажимаем кнопку Добавить ссылку

Примечание: Если вы хотите, чтобы ссылка открывалась в новой вкладке браузера, то поставьте галочку в поле «Открывать в новом окне/вкладке».

В результате в тексте раздела получаем ссылку:

Также можно размещать ссылку с помощью специального тега <a href=""></a>.

Стандартный код ссылки выглядит так:

<a href="http://site.ru">Текст ссылки</a>

Этот код можно разместить в режиме редактирования страницы/записи на вкладке «Текст».

Также этот код можно использовать для размещения ссылки в сайдбаре с помощью виджета «Текст».

Параметры:

http://site.ru — вместо этого адреса вставляйте нужную ссылку, протокол http:// в ссылке обязательно должен присутствовать.

Текст ссылки — вместо этого текста напишите свой, он будет отображаться на вашем сайте.target="_blank" — с помощью этого параметра ссылка будет открываться в новом окне браузера. Код ссылки будет выглядеть примерно так:<a href="http://site.ru" target="_blank">Текст ссылки</a>

Якоря

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

Пример работы якорей вы можете посмотреть на этой странице, сверху страницы есть содержание в виде ссылок, при нажатии на ссылку страница автоматически пролистается до нужного места.

<a href="#tekst">Текст ссылки</a> — ссылка на якорь

<a name="tekst"></a> — якорь, нужно вставлять в то место на странице, куда будет совершен переход по ссылке.

Слово в кавычках (тут это tekst) можно написать любое, можно использовать только латинские буквы и цифры. Главное, чтобы оно совпадало в коде ссылки на якорь и в самом якоре.

Пример кода якорей:

<a href="#tekst1">Текст ссылки1</a> <a href="#tekst2">Текст ссылки2</a> <a href="#tekst3">Текст ссылки3</a> <a href="#tekst4">Текст ссылки4</a> <a name="tekst1"></a> много текста <a name="tekst2"></a> много текста <a name="tekst3"></a> много текста <a name="tekst4"></a> много текста

Если нужно поставить ссылку на якорь с другой страницы сайта или добавить якорь в пункт меню нужно прописать полную ссылку на страницу и после слэша добавить якорь. К примеру: http://support.prihod.ru/docs/napisanie-i-redaktirovanie/kak-vstavit-ssylku-v-tekste-stranicy-ili-zapisi/#link2

 

Просмотрено (76528) раз

support.prihod.ru

Как сделать ссылку на сайт, шапку и фон :: SYL.ru

Как сделать ссылку на сайт в теле документа Word

Ссылка в документе Word позволяет не только перейти на сайт, но и увязать отдельные документы друг с другом на одном компьютере. Сделать ссылку в Word можно выполнив несложную последовательность действий:

  1. Откройте документ, в котором будет ссылка, выделите левой кнопкой мыши нужное слово или словосочетание.
  2. На выделенном слове кликните правой кнопкой мыши, чтобы вызвать контекстное меню. Выберите пункт "Гиперссылка...", кликните на него.
  3. Откроется окно под названием "Вставка гиперссылки". В нем обязательно будет поле "Адрес". Имено сюда нужно вставить адрес сайта, на который необходима ссылка.
  4. Можно также добавить описание-подсказку в специально предназначенном для этого поле. Тогда при наведении курсора на ссылку будет появляться пояснение.

Ссылка готова. Сохраните документ. Как видим, ссылку в Word можно сделать буквально в два клика.

Как сделать ссылку на сайт в Html

Для этого используется тег "а" с атрибутом "href". Запись в HTML будет выглядеть следующим образом: открывающая угловая скобка, тег и атрибут (a href), знак равенства, адрес ссылки, закрывающая угловая скобка, анкор, закрывающий тег "a". Анкор - это то слово или фраза, которое вы хотите сделать ссылкой. Помимо атрибута "href" тег "a" еще имеет атрибуты "target" и "name", которые позволяют указать, где будет открываться ссылка: в новом окне или в том же самом - и сделать переход на какое-то место на той же странице.

Как сделать ссылку на сайт активной

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

Как сделать ссылку на сайт Ucoz

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

Как сделать ссылку на сайт в скайпе

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

Как сделать шапку для сайта

Шапка для сайта - это, по сути, просто картинка, в которой располагаются самые важные "представительские" элементы сайта, такие как название, имя автора, миссия, рекламный баннер, контакты и т. п. Чтобы сделать шапку сайта, нужно скомпоновать собственно картинку. Наиболее популярная программа для этого - "Fhotoshop", но можно воспользоваться программой "Xheader", которая гораздо больше подходит для новичков. Это первая часть работы. Но есть и вторая. В профессиональных студиях этими видами работ занимаются разные специалисты: дизайнеры и верстальщики. После того как дизайн, представляющий собой просто графическое изображение, готов, его необходимо "встроить" в сайт, сделать так, чтобы все ссылки стали рабочими, картинка растягивалась по ширине, чтобы "шапка" стала именно "шапкой", а не "подвалом". Для этого в Html-код сайта вносятся все необходимые дополнения.

Как сделать фон для сайта

Фон для сайта - это также картинка. Ее свойства в HTML или в отдельном файле со стилями css задаются при помощи тега "background". У этого тега есть пять атрибутов, которые позволяют определить: цвет фона (атрибут "color"), поведение фона на странице, то есть будет ли он статичным или будет прокручиваться вместе с содержимым (атрибут "attachment"), а также, если в качестве фона выступает изображение (атрибут "Image"), то можно определить его позицию (атрибут "position") и повторяемость (атрибут "repeat"). Для примера попробуйте сделать фоном сайта изображение "colors.jpg", расположенное в папке "фон сайта", которая, в свою очередь, находиться на вашем сервере или, если это пробная страница, на домашнем компьютере. Стоит иметь в виду, что если указать только сам тег, атрибут "image", адрес картинки, то она замостит экран, повторившись необходимое число раз, а не растянется.

www.syl.ru

Как вставить ссылку в HTML. Основы HTML для начинающих. Урок №6

Основы HTML для начинающих. Как вставить ссылку в HTML. Урок №6

Как вставить ссылку в HTML. Основы HTML для начинающих. Урок №6

Всем привет!Продолжаем изучать основы HTML для начинающих. В этом уроке я расскажу, что такое ссылка, как вставить в html документ ссылку на другую страницу, как сделать ссылку картинкой. Покажу, как сделать ссылку на другой сайт, на почту и на файл.Итак, давайте вкратце выясним, что такое ссылка в HTML.

Ссылка в HTML – это слово или фраза в документе, указывающие на другую часть этого документа или на другой документ, при нажатии на который, произойдет переход.

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

Если вы не поняли, как выглядит ссылка, тогда сморите – вот так выглядит ссылка. Можете нажать на слово «ссылка» и вы попадете на другую страницу.

Теория закончилась, переходим к практике.

○ Как вставить ссылку в документ на другую страницу

Чтобы вставить ссылку в HTML-документ, используют тег <a> с параметром «href», которое определяет путь или адрес к другому объекту, странице, адресу сайта.

<a href="адрес ссылки или название страницы"> ссылка</a>

Для тега <a> закрывающий тег </a> обязателен.

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

Неправильно:

<a href="карта.html"> ссылка</a>

Правильно:

<a href="karta.html"> ссылка</a>

Теперь пример.

Создайте HTML-документ под названием «1.html» и вставьте вот такой код:

<html> <head> <title> Моя первая HTML-страничка на StepkinBlog.ru</title> </head> <body> <a href="2.html">Ссылка</a> Страница №1 Здравствуйте, это моя первая страница на StepkinBlog.ru. </body> </html>

Теперь создайте второй HTML-документ под названием «2.html» и вставьте вот такой код:

<html> <head> <title> Моя первая HTML-страничка на StepkinBlog.ru</title> </head> <body> <a href="1.html">Ссылка</a> Страница №2 </body> </html>

Внимание, HTML-документы «1.html» и «2.html» должны находиться в одной папке.

[посмотреть пример]

Обратите внимание на страничку «1.html». Там мы сделали ссылку на страницу «2.html», а со страницы «2.html» сделали ссылку на «1.html».

Разобрались? :coffe:Попробуйте все сделать сами. Добавьте еще пару страниц и привяжите страницы ссылками.

○ Как сделать ссылку на другой сайт

Как вставить ссылку на другую страницу, вы уже знаете. Чтобы сделать ссылку на другой сайт, достаточно в параметре «href» указать адрес сайта (http://адрес сайта):

<a href="http://stepkinblog.ru"> ссылка на мой блог</a>

Вот пример:

ссылка на мой блог

○ Как сделать ссылку на почту в html

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

<a href="mailto:[email protected]">Написать письмо</a>

При нажатии по ссылке «Написать письмо», откроется почтовая программа, где вы сможете отправить письмо.

○ Как сделать html ссылку, чтобы она открывалась в новом окне

Добавьте к тегу <a> атрибут «target» с параметром «_blank» и страница будет открываться в новом окне при нажатии по ссылке.

<a href="http://bloggood.ru" target="_blank">ссылка</a>

○ Как сделать ссылку на скачивание файла

Укажите в параметре «href» путь к файлу или к архиву.- Для скачивания архива

<a href="fail.zip">Скачать zip</a>

fail.zip – это название и расширение архива.

- Для скачивания обычных файловЕсли в ссылке прописать название файла (txt), то при нажатии на ссылку «Скачать» в браузере откроется текстовый файл. Но вам же хочется ее скачать? Для этого добавьте к тегу <a> атрибут «download».

<a href="fail.txt" download>Скачать txt</a>

- Для скачивания картинокЕсли в ссылке прописать название картинки, то при нажатии на ссылку «Скачать» в браузере откроется картинка. Но вам же хочется ее скачать? Для этого добавьте к тегу <a> атрибут «download».

<a href="stepkinblog-ru.png" download>Скачать картинку</a>

○ Как сделать картинку ссылкой в html

Как в HTML-документ вставлять картинку, я думаю, писать не нужно, так как недавно вы этот урок изучали. Если подзабыли, читайте тут.Итак, чтобы сделать картинку ссылкой, достаточно в html-документе прописать тег картинки <img> между тегами ссылки <a>…</a>

<a href="http://stepkinblog.ru"><img src="kartinka.jpg"></a>

 

○ Как сделать подсказку для ссылки

При наведении курсора мышки на ссылку, появится подсказка. Чтобы это реализовать, добавьте к тегу <a> атрибут «title» с текстом:

<a href="http://stepkinblog.ru" title="Главная страница блога"> Главная страница блога </a>

○ Как сделать цвет ссылки в html

Чтобы простая ссылка после нажатия или посещения имела нестандартный цвет, добавьте к тегу <body> три атрибута: «link», «alink», «vlink» с кодом цвета (цвет можно задать и на английском, например «red»)

<body link="#00FF00" alink="#FFFF00" vlink="#EEE9E9"> <a href="1.html">ссылка</a> </body>

- link - цвет просто ссылки- alink - цвет нажатой ссылки- vlink - цвет посещенной ссылки- #00FF00; |  #FFFF00; | #EEE9E9; - это кода цветов ссылок

На этом - все, кажется, ничего не забыл вам рассказать.А теперь задание вам: все, что вы узнали в этом уроке, попробуйте сделать сами на одной страничке. :idea:

Вот пример того, что у вас может получиться, если правильно используете пройденный материал:

[посмотреть пример]

Подписывайтесь на обновление моего блога и не пропустите новых уроков по основам HTML. Удачи!

Предыдущая запись Как вставить картинку в HTML. Основы HTML для начинающих. Урок №5 Следующая запись Ссылка-якорь на HTML. Основы HTML для начинающих. Урок №7

stepkinblog.ru