uborshizzza (uborshizzza) wrote,
uborshizzza
uborshizzza

Category:

Часть 5 Пишем в свой блог. 3. Вставка гиперссылок

Переход по щелчкуВ верхнее тематическое оглавление
 Переход по щелчку Тематическое оглавление (Уголок блоггера)
 Переход по щелчку предыдущее по теме…………………………………  Переход по щелчку следующее по теме
 Переход по щелчку предыдущее по другим темам……………  Переход по щелчку следующее по другим темам




Заведение собственного блога, сайта и электронной почты
Часть 5 Пишем в свой блог. 3. Вставка гиперссылок



Курс молодого бойца
3. Вставка гиперссылок

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

Для начала – при таком оформлении гиперссылки тегом <a> будет виден не малоинформативный URL, а подсказка, например, запись
<a href=”http://uborshizzza.livejournal.com/81563.html”>оглавление раздела о блоггинге</a>

лучше, чем надпись «для перехода в оглавление щелкните по следующей ссылке: http://uborshizzza.livejournal.com/81563.html ».

В оформленной так гиперссылке можно также задавать подсказку, которая будет появляться при наведении курсора, например, если написать:
<a href=”http://uborshizzza.livejournal.com/81563.html” title=’разделы_постоянно_обновляются_и_дополняются’>оглавление раздела о блоггинге</a>

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

Обычно при переходе по гиперссылке содержимое окна браузера меняется на новое. Однако если добавить target=”_blank”, то есть что-то типа
<a href=”http://uborshizzza.livejournal.com/81563.html” target=”_blank”>оглавление раздела о блоггинге</a>
то при переходе по ссылке откроется еще одно окно браузера, куда будет загружена новая страница.

Для «подсказки» назначения перехода можно использовать не только текстовую строку (в наших примерах: «оглавление раздела о блоггинге»), но и размещенную в Интернете картинку. Например, у меня есть изображение анимированной кнопки со стрелкой, которая размещена по адресу http://pics.livejournal.com/uborshizzza/pic/000hyygh . Для перехода к следующему разделу используется конструкция
<a href="URL следующего раздела"><img height="26" width="57" border="0" src="http://pics.livejournal.com/uborshizzza/pic/000hyygh" alt=" Переход по щелчку " /></a>

В результате вида маленькая картинка, при наведении на которую появляется подсказка «Переход по щелчку», а щелчок по которой вызывает переход к другому разделу.






Tags: Уголок блоггера, Учебные материалы
Subscribe

Buy for 60 tokens
Buy promo for minimal price.
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 1 comment