среда, 6 января 2016 г.

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

 
Ох  Аллочка, ну и задал же ты мне трепки. Хорошая идея для нового поста, а главное нужная. Только вот информации пришлось перечитать, несметное количество. Что еще важно, не все подходило для платформы blogspot. А то,  что подходило, почему-то работает не совсем корректно.

И все же хочется, более детально разобрать :  как сделать  ссылку на слово внутри поста (статьи).
Называется такая ссылка анкор или якорь. Каждый объясняющий блоггер называл по разному. Тем не менее, суть одна - это ссылка на нужное место в статье.
Например:конец статьи.
Выглядят такие ссылки так:

<a href="http://krivetkin-blog.blogspot.com/2013/09/blog-post_16.html"id="nik1"></a>Конец,  где
<a href="http://krivetkin-blog.blogspot.com/2013/09/blog-post_16.html"- адрес вашей статьи
id="nik1"></a>  - якорь
Привет- слово на которое будет направленна ссылка.
Теперь нам нужно сделать саму ссылку.
Выглядеть она будет так:
<a href="http://krivetkin-blog.blogspot.com/2013/09/blog-post_16.html#nik1">Конец статьи</a> где
<a href="http://krivetkin-blog.blogspot.com/2013/09/blog-post_16.html- адрес поста
#nik1 – якорь.
</a> - закрывающий тег ссылки
Как будто все верно написалаJ
Но как же узнать адрес поста, если мы его не опубликовали.  А найти его просто вот тут:
А если нужно сделать,  допустим,  два перенаправления тогда заменяете якорь например:
id="nik2"></a>  
#nik2

То есть  1 заменяете на 2 или можно заменить слово например вместо nik написать ankor.

Конец
В начало
Вид  якоря №2





Все якоря прописываются  в сообщениях HTML- на втором рисунке снизу я выделила красным квадратом.

Если, что непонятно спрашивайте, сама долго разбиралась. Па-па

P.S  Если вам нужно сделать 3 подзаголовка вместе, то выглядеть это будет так:
В HTML коде
При публикации:

Комментариев нет:

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