Пятница, 26.04.2024, 03:14
Блог учителя информатики и математики
О блогеМой профильРегистрацияВыходВход
Вы вошли как Гость · Группа "Гости" Приветствую Вас, Гость · RSS
Меню блога
Погода в нашем районе.

НАГРАДА

Как Вы считаете, должны ли дети ходить в школу в школьной форме?
Всего ответов: 2806
 
 Блог учителя
Главная » Статьи » Информатика » В помощь ученику

Ссылки HTML – внутренние; внешние ссылки; гиперссылки.

Гуляя по интернету, вы щелкаете по кнопочкам и текстам и попадаете на нужные вам страницы, которые  могут находиться на том же сервере, а могут и на сервере, находящемся на любом  конце планеты.   Вы знаете, куда надо щелкнуть, чтобы перейти на другую страницу визуально, по цвету ссылки или по курсору мыши, который превращается в ладошку. За все эти преображения отвечает атрибут – href и тег-контейнер <a> и </a>.  Ссылкой можно сделать любой текст, который будет между тегами <a> и </a>.Каждая ссылка имеет обязательный атрибут href, в его значении указывается адрес страницы на которую ведет ссылка. Теперь в качестве примера давайте на нашей странице сделаем ссылку, которая будет открывать главную страницу школьного сайта.

Код будет следующим:

a href="https://sch1359uv.mskobr.ru"> Сайт Школы № 1359 имени авиаконструктора М.Л. Миля

Тег имеет атрибут href в значении которого указан адрес главной страницы сайта Школы № 1359 имени авиаконструктора М.Л. Миля. Далее идет текст который будет ссылкой. Затем закрывающий тег </a>

Если сделать все правильно, то в браузере ссылка будет отображаться следующим образом: 

Сайт Школы № 1359 имени авиаконструктора М.Л. Миля  

Для того, чтобы при наведении курсора мышки на ссылку появлялось маленькое окошко с комментарием, то внутри первого тега "<a>" нужно прописать title="текст коментария" 

<p>Переходите на <a href="https://sch1359uv.mskobr.ru/" title="переход на сайт школы"> Сайт Школы № 1359 имени авиаконструктора М.Л. Миля".

      Вы знаете, что при щелчке по ссылки, документы могут открываться как в текущем окне, так и в новом. Научимся управлять и этим процессом. По умолчанию ссылки загружаются в то же окно, но если указать параметр target="_blank", то ссылка загрузится в новое окно. 

<a href="https://sch1359uv.mskobr.ru/" target="_blank"> Сайт Школы № 1359 имени авиаконструктора М.Л. Миля" ,  </a>

Иногда, когда документ слишком длинный, полезно сделать ссылки на его разделы. Для таких переходов следует создать пустую ссылку с параметром name там, куда следует перейти. И ссылку с указанием этого имени (после знака #) в качестве адреса параметра href там, откуда следует перейти.

Ссылка-якорь

<a name="имя якоря-1">Текст или заголовок</a>

а это ссылка, которая привязывается к якорю.

<a href="#имя якоря-1">Ссылка закладки на раздел</a>

На примере будет понятнее. Вставляем трижды, чтобы удлинить, текст данной веб странички в блокнот между тегами <p> и</p>. В верхней чате создаём якорь - уникальное слово. Например «начало». И прописываем, например

<a name=" начало ">первое слово текста</a>

<a href="# начало ">Ссылка закладки на раздел</a>

Категория: В помощь ученику | Добавил: Harchev (18.05.2014)
Просмотров: 2919 | Комментарии: 2 | Теги: ссылки, Ссылки HTML, гиперссылки., внешние, внутренние | Рейтинг: 4.8/26
Всего комментариев: 0
Имя *:
Email *:
Код *:
Copyright MyCorp © 2024
Блог учителя Учительский портал