Сообщения в блоге часто связаны с цитированием других источников и ссылкой на мнения и события, зафиксированные в интернете. Чтобы прятать адрес перехода в собственный текст (например, название источника) или картинку, а также выделять ссылку цветом, вы можете воспользоваться HTML-кодировкой.
Простейший код для оформления ссылки позволяет открытьстраницу в текущей вкладке (и текущем окне). Эти теги выглядят так: <a href="Адрес перехода" target="_blank">Текст ссылки</a>.
2
В других случаях вы можете использовать в качестве ссылки картинку. При использовании такого тега: <a href="Адрес перехода" target=_blank title="Ваш комментарий"><img src="URL картинки"></a> - при наведении на картинку появится ваш комментарий, а ссылка откроется в новом окне.
3
Текст ссылки и подчеркивание могут быть выделены разными цветами. Для этого используйте теги: <a href="Адрес перехода" target="_blank" style="color:green; text-decoration:underline;"><span style="color:red;">Ваш текст</span></a>. В конкретном случае текст будет красным, а подчеркивание зеленым. Если заменить слова “red” и “green” на другие, изменятся и цвета.
4
Вместо подчеркивания вы можете использовать рамку. При использовании тегов: <a href="Адрес перехода" style="border: 2px solid navy; padding: 2px; text-decoration: none;">Ваш текст</a> - текст будет красным, а рамка темно-синей. Расстояние от текста до рамки равно 2 пикселям, толщина рамки – также 2 пикселя. Для изменения цветов и размеров изменяйте соответствующие параметры.
5
<a href="Адрес перехода" style="background:yellow; color:black">ТЕКСТ</a> - текст будет выделен желтым маркером. При желании вы можете заменить yellow на английское название другого цвета.
6
При ввод следующего тега ссылка будет серо-розоватой, выделена серым маркеров, а при наведении выделение маркером будет меняться на розовый цвет: <a href="Адрес перехода"><font onmouseover="style.backgroundColor='pink'; style.cursor='hand'" onMouseOut="style.backgroundColor='silver';">Текст ссылки </font></a> <a href="Адрес перехода">Текст ссылки</a>.
