В связи с возросшим интересом к способам создания гиперссылок на источник/автора честно скомунизженных в нашу милую сердцу контентопомойку картинок, решил запилить пост с мини ликбезом по HTML-тегам, даже не ликбезом, а почти что "just do it", так, как я его вижу. У меня малиновые штаны и непрофильное образование, так что пусть труЪ-профи не бьют ногами по лицу и два раза "ку" делают. А в идеале - пусть поделятся мудростью и наставят на путь истинный :)
Для создания гиперссылки на какой-либо объект сети применяется тег <a></a> с атрибутом href. В качестве значения атрибута указывается URL-адрес объекта. Раньше для создания ссылки на объект за пределами этого сайта требовалось дополнительно прописывать ручками в атрибуте href redirect, сейчас (только что проверил) вполне себе работает и без оного. То есть код самой простой ссылки в общем случае имеет вид:
<a href="URL">...</a>,
где вместо "URL" вставляете адрес объекта, вместо "..." - описание (название рисунка, автор, etc) - это то, что будет видно пользователям в качестве текста ссылки после её размещения на сайте.
Для изменения характеристик шрифта, таких как размер, цвет и гарнитура используется тег <font></font>. У этого тега существует три атрибута:
• font size - используется для задания размера шрифта текста, диапазон от 1 до 7.
• font face - используется для указания браузеру, каким шрифтом отображать текст. Прежде чем использовать что-то вырвиглазное, убедитесь, что данный шрифт корректно отображается другими браузерами и есть по умолчанию на большинстве компьютеров. Я использую Comic Sans MS. Да-да-да... "тот самый", "где только можно".
• font color - используется для придания тексту нужного цвета. Задать значение этому атрибуту можно как именем цвета (aqua, green, teal... <a href="http://link.joyreactor.cc/redirect?url=http://htmlbook.ru/html/value/color">списочек</a>)? так и виде шестнадцатиричного кода (#00ffff, #008000, #008080).
Для выравнивания ссылки по центру использую тег <p></p> с атрибутом align. В качестве значения атрибута ставим center.
В качестве поясняющего примера всей этой солянки тегов и атрибутов приведу свой код гиперссылки:
<p align="center"><a href="http://link.joyreactor.cc/redirect?url=Адрес"><font face="Comic Sans MS" size="4" color="brown">"Название"</font></a></p>
Как уже писал ранее, http://link.joyreactor.cc/redirect?url= писать не обязательно, стоит в коде по старой памяти. Всё, что нужно сделать - заменить слово Адрес на URL источника и вместо слова Название вставить название рисунка. Сохраните этот код у себя на машине в обычном блокноте и при создании поста просто копируйте его в поле (поз. 1 на рисунке ниже).
Если при создании поста использовался реакторовский "редактор" (поз. 2 на рисунке сверху), то перед вставкой кода не забудьте нажать эту кнопку "</>" (см. рисунок ниже), иначе Ваш код
превратится в тыкву, то бишь останется текстом.
Для тренировки рекомендую для тренировки вставлять код в комментарии к какому-нибудь посту. В идеале это должен быть Ваш пост без комментариев. Запостили, посмотрели результат, удалили комментарий, поправили код и заново до достижения приемлемого результата.
При должной сноровке, весь процесс создания ссылки на источник занимает не более 15 секунд. На мой взгляд, ссылка - это меньшее, что каждый из нас может сделать авторам в благодарность за их творчество, да и заодно сделать поняктор чуточку уютнее.
P.S. Чтобы не придирались, почему этот пост лежит с тегами mlp - вот вам первая попавшаяся картинка с пони:
