Продолжаем тему web программирования. В прошлом посте «Web программирование. Программы для работы», поговорили о программах, редакторах, в которых можно писать тексты html, пока говорим о нем. В посте остановились на редакторе Notepad++. Все, оставим воспоминания, сегодня разберем, тег html <а>. Это тег гиперссылки, а они являются, как раньше мы уже говорили, основой интернета.
Начнем мы с этого тега html потому, что знание правильного использования этого тега html пригодится не только для создания собственного сайта, но и для seo продвижения сайта. Знания и умения обращаться с тегом html, <а> пригодится при размещении ссылок в статьях, на сторонних сайтах, при написании комментариев, для оформления публикаций при копирайтинге статей, самый простой пример, это строка в конце статей «наверх», нажимаешь на нее и переходишь в начало статьи.
А теперь о серьезном. Ссылки бывают двух типов:
- Абсолютные – начинаются с http:// и содержат полный путь до документа, файла, на который ссылаются. Абсолютные ссылки обычно делаются на сторонние ресурсы, но могут применяться и для ссылок на внутренние страницы сайта. Правда из-за громоздкости, такое практикуется редко, но это не запрещено. Тег html с абсолютной ссылкой будет иметь такой вид <a href=”tra-ta-ta.net/lja-lja.html”>Здесь пишется анкор ссылки</a>. Внимание тег html, <а> парный, закрывающая часть тега html </а>, обязательна.
- Относительные ссылки, ссылаются в пределах одного сайта или документа, то есть относительно корневой директории или одного документа. Для примера можно привести тег html такого вида, <а href=”/lja-lja.html”>анкор</а>, то есть эта ссылка размещена на страницах этого сайта и ведет на страницу lja-lja.html этого же сайта. Для ссылки внутри текста тег html будет такого вида, в этом случае используем атрибут name. Напишем, тег html для примера, который упоминали выше. В конце публикации ставим, тег html <a href=”#nachalo”>В начало поста</a>, а в начале поста пишем тег html <a name=”nachalo”></a>.
Наверное, все замечали, что ссылки меняют цвета и стили написания, иногда делают и так, в зависимости от действия с ней. Определено три состояния ссылок:
- Не открытая ссылка – это ссылка, на которую еще не кликали. Обычно цвет анкора синий, анкор подчеркнутый.
- Активная ссылка – ссылка, на которую наведен курсор или после выделения. Чаще всего красного цвета.
- Открытая ссылка – эта ссылка, по которой был сделан переход. Цвет становится темный, обычно фиолетовый.
На этом пост заканчиваю. В следующем посте будут приведены правила написания тега html и его атрибуты, их значения и какие действия они выполняют, то есть продолжим разговор о теге html <а>.
0