Заглавная страница Избранные статьи Случайная статья Познавательные статьи Новые добавления Обратная связь КАТЕГОРИИ: АрхеологияБиология Генетика География Информатика История Логика Маркетинг Математика Менеджмент Механика Педагогика Религия Социология Технологии Физика Философия Финансы Химия Экология ТОП 10 на сайте Приготовление дезинфицирующих растворов различной концентрацииТехника нижней прямой подачи мяча. Франко-прусская война (причины и последствия) Организация работы процедурного кабинета Смысловое и механическое запоминание, их место и роль в усвоении знаний Коммуникативные барьеры и пути их преодоления Обработка изделий медицинского назначения многократного применения Образцы текста публицистического стиля Четыре типа изменения баланса Задачи с ответами для Всероссийской олимпиады по праву Мы поможем в написании ваших работ! ЗНАЕТЕ ЛИ ВЫ?
Влияние общества на человека
Приготовление дезинфицирующих растворов различной концентрации Практические работы по географии для 6 класса Организация работы процедурного кабинета Изменения в неживой природе осенью Уборка процедурного кабинета Сольфеджио. Все правила по сольфеджио Балочные системы. Определение реакций опор и моментов защемления |
Описать, как сделать гиперссылку на страницу или файл в интернете ⇐ ПредыдущаяСтр 4 из 4
Структура ссылки Гиперссылки создаются с помощью парного тега <a></a>. Внутрь тега помещается текст, который будет отображаться на веб-странице. Текст ссылки отображается в браузере с подчёркиванием, цвет шрифта — синий, при наведении на ссылку курсор мыши меняет вид. Обязательным параметром тега <a> является атрибут href, который задает URl-адрес веб-страницы. <a href="http://site.ru">указатель ссылки</a> HTML Ссылка состоит из двух частей — указателя и адресной части. Указатель ссылки представляет собой фрагмент текста или изображение, видимые для пользователя. Адресная часть ссылки пользователю не видна, она представляет собой адрес ресурса, к которому необходимо перейти. Адресная часть ссылки состоит из URl. URl (Uniform Resource Locator) — унифицированный адрес ресурса. При создании адресов для разделения слов между собой рекомендуется использовать дефис, а не символ подчёркивания. В общем виде URl имеющий следующий формат: метод доступа://имя сервера:порт/путь HTML Метод доступа, или протокол, осуществляет обмен данными между рабочими станциями в разных сетях. Наиболее распространенные протоколы передачи данных: file обеспечивает чтение файла с локального диска: file:/gallery/pictures/summer.html HTML http предоставляет доступ к веб-странице по протоколу HTTP: http://site.ru/ HTML https — специальная реализация протокола HTTP, использующая шифрование (как правило, SSL или TLS) https://site.ru/ HTML ftp осуществляет запрос к FTP-серверу на получение файла: ftp://pgu/directory/library HTML mailto запускает сеанс почтовой связи с указанным адресатом и хостом: mailto: nika@gmail.com HTML Имя сервера описывает полное имя машины в сети, например, site.ru. Если имя сервера не указано, то ссылка считается локальной, т.е. она относится к той же машине, на которой находится HTML-документ, содержащий ссылку. Номер порта ТСР, на котором функционирует веб-сервер. Представляет собой число, которое необходимо указывать, если метод требует номер порта (отдельные сервера могут иметь свой отличительный номер порта). Если порт не указан, по умолчанию используется порт 80. Стандартными портами являются: 21 — FTP 23 — Telnet 70 — Gopher 80 — HTTP Путь содержит имя папки, в которой находится файл. Абсолютный и относительный путь Когда в ссылке указывается только имя файла, браузер предполагает, что файл находится в той же папке, что и документ, содержащий гиперссылку. На практике веб-сайты содержат сотни документов, которые размещают в отдельные папки, чтобы ими было легче управлять. Чтобы создать ссылку на файл, находящийся вне папки, содержащей текущий документ, необходимо указать расположение файла или путь. HTML поддерживает два вида пути: абсолютный и относительный.
Абсолютный путь Абсолютный путь указывает точное местоположение файла в пределах всей структуры папок на компьютере (сервере). Абсолютный путь к файлу даёт доступ к файлу со сторонних ресурсов и содержит следующие компоненты: 1) протокол, например, http (опционально); 2) домен (доменное имя или IP-адрес компьютера); 3) папка (имя папки, указывающей путь к файлу); 4) файл (имя файла). Существует два вида записи абсолютного пути — с указанием протокола и без него: http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html HTML Если файл находится в корневой папке, то путь к файлу будет следующим: http://site.ru/index.html HTML При отсутствии имени файла будет загружаться веб-страница, которая задана по умолчанию в настройках веб-сервера (так называемый индексный файл). http://site.ru/ HTML Обычно в качестве индексного файла выступает документ с именем index.html. Наличие завершающего слеша / означает, что обращение идет к папке, если его нет — напрямую к файлу. 2.2. Относительный путь Относительный путь описывает путь к указанному документу относительно текущего. Путь определяется с учётом местоположения веб-страницы, на которой находится ссылка. Относительные ссылки используются при создании ссылок на другие документы на одном и том же сайте. Когда браузер не находит в ссылке протокол http://, он выполняет поиск указанного документа на том же сервере. Относительный путь содержит следующие компоненты: 1) папка (имя папки, указывающей путь к файлу); 2) файл (имя файла). Путь для относительных ссылок имеет три специальных обозначения: / указывает на корневую директорию и говорит о том, что нужно начать путь от корневого каталога документов и идти вниз до следующей папки./ указывает на текущую папку../ подняться на одну папку (директорию) выше
Главное отличие относительного пути от абсолютного в том, что относительный путь не содержит имени корневой папки и родительских папок, что делает адрес короче, и в случае переезда с одного домена на другой не нужно прописывать новый абсолютный адрес. Но если сторонний ресурс будет ссылаться например, на ваши изображения с относительными адресами, то они не будут отображаться на другом сайте. Якоря Якоря, или внутренние ссылки, создают переходы на различные разделы текущей веб-страницы, позволяя быстро перемещаться между разделами. Это оказывается очень удобным в случае, когда на странице слишком много текста. Внутренние ссылки также создаются при помощи тега <a> с разницей в том, что атрибут href содержит имя указателя — так называемый якорь, а не URl-адрес. Перед именем указателя всегда ставится знак #. Следующая разметка создаст оглавление с быстрыми переходами на соответствующие разделы: <h1>Времена года</h1> <h2>Оглавление</h2> <a href="#p1">Лето</a> <!--создаём якорь, указав #id элемента--> <a href="#p2">Осень</a> <a href="#p3">Зима</a> <a href="#p4">Весна</a> <p id="p1">...</p> <!--добавляем соответствующий id элементу--> <p id="p2">...</p> <p id="p3">...</p> <p id="p4">...</p> HTML Если нужно сделать ссылку с одной страницы сайта на определенный раздел другой страницы, то необходимо задать id для этого раздела страницы, а затем добавить его к абсолютному адресу ссылки: <th id="about-color">color</th> <a href="https://html5book.ru/css-shrifty/#about-color" class="site" target="_blank">color</a> HTML
|
||||||
Последнее изменение этой страницы: 2021-01-08; просмотров: 77; Нарушение авторского права страницы; Мы поможем в написании вашей работы! infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.222.200.143 (0.006 с.) |