Создание ссылок в html

Создание ссылок в html, это необходимая базовая часть всего html языка, это можно сказать основа всего интернета. Весь интернет построен как раз таки на ссылках, язык html потому и называется гипертекстовым, из за того, что в нём можно создавать ссылки.


Создание ссылок в html можно разделить на несколько категорий, потому что их на самом деле несколько видов:

Первый вид, это простая статистическая ссылка, ведущая на другой сайт.

Второй вид, ссылка ведущая на другую страницу того же сайта.

Третий вид, это так называемая майл-ту ссылка, нажимая на неё, будет загружаться почтовый клиент.

Четвёртый вид, ссылка на скачивание какого нибудь файла.

Пятый вид, остальные виды ссылок по ftp, javascript и так далее, мы их рассматривать не будем ибо это не столь важно.

Теперь когда мы познакомились с основными видами ссылок в html, приступим к их созданию на практических примерах. Начнем создание ссылки в html, которая будет вести на какой нибудь сайт:

<a href="http://sokolskoe.net"> Как создать сайт</a>

Разберём данный выше пример подробнее:
Как вы видите, html код ссылки заключён в тэг < a>; Для начала вам нужно запомнить, что все ссылки, заключаются именно в этот тэг.

Далее идёт значение href=; Это тоже очень важный элемент который нужно усвоить.
Затем прописывается сам адрес сайта, с протоколом http://; После всего этого идёт закрывающий тэг ссылки с обратным слешом: < /a>. Между этими тэгами, прописывается якорь ссылки, якорь, это слова, которые будут преобразованы в ссылку.

Данный html код ссылки, будет выглядеть вот таким образом:
Как создать сайт?

Создание ссылок в html, которые ведут на другую страницу этого же сайта, осуществляется таким же образом, только после протокола http://; прописывается название страницы на которую ссылаются.

Далее разберём еще один вид ссылок, который в простонародии называют "мыло". Код такой ссылки, пишется таким образом:

<a href="mailto:test@mail.ru?subject=Письмо_от_посетителя_сайта"> Отправить письмо</a>

Здесь уже в место известного нам значения http://, прописывается mailto:; Следующим прописывается "е-майл" адрес, на который будет вести эта ссылка. После этого прописывается такая строчка: ?subject=; Все что будет написано после этого параметра, будет отображаться в теме письма, когда загрузится почтовая программа, после нажатия по данной ссылке. Пример такой ссылки, смотрите ниже:

Создание ссылок в html, которые ведут на скачивающийся файл, делаются еще проще, мы просто после http://, прописываем название того файла, который хотим дать на скачку, делается это например так:

<a href="kartinka.jpg">Скачать картинку</a>

Если картинка или программа, которую вы даёте на скачивание, лежит в другой папке, например: img, тогда соответственно прописывать придется полный адрес до этого файла:

<a href="img/kartinka.jpg">

У ссылок, как и у других html тэгов, есть свои атрибуты и дополнения, давайте изучим самые основные из них.
Каждой ссылке можно придавать название с помощью атрибута title="", это название будет высвечиваться сразу после того, как вы наведёте курсор мыши на данную ссылку. HTML код такой ссылки пишется так:

<a href="http://sokolskoe.blogspot.ru" title="уроки по сайтостроению" >Как создать сайт?></a>

А выглядеть в рабочем состояний, такая ссылка будет так: Как создать сайт?
Вот в принципе и всё, самые базовые вещи, касающиеся ссылок, я постарался раскрыть в этой статье. Если у вас есть желание изучить всё это досконально, чтобы разбираться в теме сайтостроения, как "рыба в воде", то советую изучить видеокурс: "Все технические моменты онлайн бизнеса в видео формате", его вы можете найти, перейдя по ссылке "видеокурсы", в правом меню сайта.

Данный урок подошел к концу, следующие обучающие статьи на подходе.
К стати в следущем уроке мы изучим один очень интерестный Мета тэг перенаправления.

Комментариев нет:

Отправить комментарий