Викиучебник

HTML: различия между версиями

Интерактивная навигация по истории
← Предыдущая правкаСледующая правка →
Содержимое удалено Содержимое добавлено
ВизуальныйВики-текст
→‎Ссылки: оформление
Строка 452:
 
== Ссылки ==
Как я уже говорил, основным свойством, которое отличает нормальный текст и гипертекст, является гиперссылка. Гиперссылки создаются с помощью тега <nowiki><a></nowiki> с атрибутом href, который принимает значение нужного нам URL. Например, нужно создать страницу, которая содержит ссылку на статью. Это может выглядеть примерно так:
 
<source lang="html5">
Строка 469:
</source>
 
Теперь на странице надпись [[HTML|ru.wikibooks.org]] станет гиперссылкой.
 
Обычно страницы в интернете не сидят одиноко. Они размещаются группами, которые называются узлами. Сайт — это по моему определению набор страниц и других файлов, которые имеют общую часть URL. Например, все страницы, начинающиеся на <nowiki>http://www.microsoft.com</nowiki>, принадлежат одному сайту одной маленькой компьютерной фирмы. Далее следует символ „«/“», и адрес продолжается.
 
Можно сделать у себя на компьютере маленькую модель сайта. Для этого нужно создать новый каталог, в котором будем размещать файлы. Затем в каталоге разместить файл index.htm. Если есть какая-то ссылка на ваш сайт, без указания, какой конкретно файл загружать, то будет загружен именно index.htm. Далее мы можем создать ещеещё одну папку внутри нашей. Пусть она называется subdir. Если в ней разместить файл index.htm, то для перехода к нему нужно будет написать: „www«www.ваш_сайт.com/subdir/“».
 
<blockquote>''При обращении к каталогу всегда в конце добавляйте слэш. Если вы не будете добавлять слэш, то сервер будет вынужден выполнять два запроса. Сначала ваш, без слэша. Потом, когда он разберетсяразберётся, что тоэто запрос к каталогу, он сгенерирует свой запрос, со слэшем, и уже его выполнит.''</blockquote>
 
Кроме гипертекстовых страниц на сайте можно размещать любые другие файлы. Тогда после щелчка по ссылке будет появляться стандартный диалог загрузки.
Строка 483:
<source lang="html4strict">
<html>
<head>
<title>Моя музыка</title>
</head>
<body>
Я только что записал новый трек. Вы можете <a href="track1.mp3">скачать его здесь.</a>
Строка 490 ⟶ 492 :
</source>
 
Если файлы находятся в одном каталоге, то в атрибуте href достаточно написать название файла, чтобы сделать ссылку. Если же мы имеем файлы „site«site/1.htm“htm» и „site«site/subdir/2.htm“htm», то чтобы с первого сделать ссылку на второй, а со второго на первый, надо написать href = „subdir"subdir/2.htm“htm" и href =»"../1.htm " соответственно. Такие адреса называются относительными. Две точки означают «тот каталог что выше». Относительные адреса хороши тем, что когда мы переименовываем папку «site» или меняем хостинг их не нужно менять.
 
Но этим возможности тега <nowiki> <a> </nowiki> не исчерпываются. a — сокращенно от anchor — что значит якорь. С помощью тега <a> можно ставить в гипертекстовом документе якоря, или проще говоря закладки, позволяющие переходить в определённое место документа. Это особенно полезно, когда документ большой, и нужно быстро переходить в нём к нужному разделу. Для этого существует атрибут id.
Строка 500 ⟶ 502 :
<source lang="html4strict">
<html>
<head>
<title>Моя музыка</title>
</head>
<body>
<h1> Содержание</h1>
Источник — https://ru.wikibooks.org/wiki/HTML