Гуляя по интернету, вы щелкаете по кнопочкам и текстам и попадаете на нужные вам страницы, которые могут находиться на том же сервере, а могут и на сервере, находящемся на любом конце планеты. Вы знаете, куда надо щелкнуть, чтобы перейти на другую страницу визуально, по цвету ссылки или по курсору мыши, который превращается в ладошку. За все эти преображения отвечает атрибут – 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>
|