Школа программирования: Урок №3 - Добавляем ссылку...
Ссылка — это элемент в электронном документе, который ссылается на другое место в том же документе или на совершенно другой документ.
При нажатии на ссылку можно перейти по указанному адресу - на другой сайт, страницу или часть страницы, скачать файл и т. д.
В следующую строку мы и добавить ссылку, в этот раз нам понадобится тег <a> и атрибут "href"...
<a> (от англ. слова: anchor — якорь) - элемент гиперссылки (ссылки) для перехода на другую web-страницу, открывающий тег.
</a> — закрывающий тег (добавлен слэш), поэтому аналогично, ранее изученному, текстовому тегу, мы будем прописывать код так:
<a>название ссылки</a>
Но в данном случае необходимо показать браузеру, что текст между открывающим и закрывающим тегами будет являться ссылкой, поэтому в тег <a> добавляем атрибут "href":
<a href>название ссылки</a>
href (сокращение от английских слов hyper reference - гиперссылка) — это атрибут, как и другие несёт в себе дополнительную информацию и находится внутри открывающего тега <а>.
Атрибут (attributio - приписывание) - признак, приписываемое качество или свойство. Это отличительная принадлежность, присвоенный кому-либо или чему-либо знак, предмет для отличия.
Чтобы указать, какую именно информацию несёт атрибут "href", нужно добавить к нему знак «
=», таким образом мы покажем браузеру чему равно значение атрибута:
<a href=>название ссылки</a>
А после знака "=", мы вставляем URL-адрес (любого сайта или какой-либо интересующей нас страницы в интернете) обрамлённый в кавычки, к примеру, нашего сайта - gravi.su:
<а href="gravi.su">название ссылки</а>
" — кавычки, в данном случае используются для выделения значений атрибутов.
URL-адрес (единый указатель ресурсов - Uniform Resource Locator) — это адрес, определяющий местоположение ресурса в Интернете...
В чём разница между ссылкой и URL-адресом?
URL - это просто адрес объекта в интернете, набор символов, а ссылка - это элемент гипертекста при нажатии на который нас телепортирует по указанному в нём URL-адресу.
Пишем в блокноте:
<!doctype html>
<p>Привет!</p>
<a href="gravi.su">Учись с нами!</a>
Видим в браузере:
Привет!
Учись с нами!
