Что такое Теги Перейти
В самом начале процесса освоения заработка в интернете у его адептов могут возникнуть ситуации, когда Уже есть возможность что-то свое представить для рекламы, но граматёжки еще не хватает для первых Шагов. Одним из необходимых элементов работы является знание, хотя бы азов, языка HTML, в частности Того, что касается гиперссылки.
Гиперссылки позволяют быстро переходить к другим Вэб-страницам. Гиперссылки исключают необходимость ввода URL необходимой страницы, к которой обращается пользователь. Гиперссылки, как правило, выделяются цветом и подчеркиванием. В качестве гиперссылки может выступать и графическое изображение.
Гипертекст — термин, введенный для обозначения текста ветвящегося или выполняющего действия по запросу.
В более широком понимании термина, Гипертекстом является любая повесть, словарь или энциклопедия, где встречаются отсылки к другим частям данного текста.
А в гиперссылке ничего сложного нет.
Для создания ссылок в html используется Тег <a> (Тег – элемент языка (HTML и др.) разметки гипертекста, другое название – дескриптор). Он идет в паре с закрывающим тегом </a> . Между ними может присутствовать текст или картинка.
Конструкция гиперссылки: <a href=”Поле адреса Вашей ссылки”>Ваш текст</a>
т.е. в заполненном виде это выглядит так:
<a href=”http://websection.ru”>Как зарабатывают на файлообменниках</a>
На страницах сайта эта запись (ссылка) будет выглядеть так:
Как зарабатывают на файлообменниках
Ещё Пример гиперссылки:
<a href=”http://www.ajobs.jlt.ru”>Поиск работы, вакансии, резюме</a>
Как это выглядит в реальном применении: Поиск работы, вакансии, резюме
Существует три способа использования тега <a> :
1. Для создания абсолютной ссылки. В этом случае в адресном поле указывается значение URL, куда ведет ссылка (см. пример выше). Такой адрес доступен отовсюду, где есть подключение к сети интернет.
2. Для создания относительной ссылки. При этом в поле адреса прописывается путь к другому документу, относительно текущего документа. К примеру, создавая веб-страницу, html документ, можно прописать путь к рисунку, который лежит в той же папке. Для этого достаточно указать адрес рисунка, без всяких URL (Мои документы/Папка моего сайта/ picture.jpg)
3. Для создания якоря. В этом случае с помощью ссылки вы можете осуществлять переходы внутри документа. Например, можно внизу страницы поставить ссылку, кликнув по которой пользователь попадет в начало документа. Или, к примеру, если у вас имеется большой текст, вначале которого вы указываете содержание, тогда можно проставить соответствующие якоря по тексту и перемещаться к ним, щелкая по содержанию.
Что бы ссылка заработала ей нужен адрес, куда она будет вести. Для задания адреса используется параметр href. С его помощью можно создавать абсолютные и относительные ссылки.
Параметр href находится внутри тега <a>. За ним следует знак равенства и в кавычках адрес:
< a href=”http://www.ajobs.jlt.ru”> Ваш текст</a> – Абсолютная ссылка
< a href=”picture.jpg”> Ваш текст</a> – Относительная ссылка
Для создания якоря html используется атрибут name (имя). Сначала вы ставите якорь с уникальным именем, а затем в другом месте своего документа ставите ссылку на данный якорь.
Создание html якоря делается с помощью тега <a>, внутри которого прописывается параметр name. Затем знак равно и в кавычках уникальное имя якоря. При этом между открывающим и закрывающим тегами можно не писать никакого текста.
В ссылке на якорь необходимо поставить знак # и указать имя якоря.
<a name=”top”></a>
<a href=”#top”>Наверх</a>
Еще пример:
<a name=”Начало страницы”></a>
<a href=”#Начало страницы”>Наверх страницы</a>
С помощью title вы даете своей ссылке название, оно возникает, когда курсор находится над ссылкой. Название ссылки в title может отличаться от текста самой ссылки, не путайте их. Это параметр, конечно, можно не использовать, но иногда он очень пригодится.
<a title=”текст подписи к ссылке”>…текст самой ссылки…</a>
Используя target, вы можете управлять тем, как будет открываться ссылка. По умолчанию она открывается в том же окне. Но, изменяя значения target, вы можете заставить браузер открыть ее в новом окне.
Значения для Target:
_blank – открывает ссылку в новом окне браузера
_self - открывает в текущем окне
<a target=”значение параметра”>…</a>
Полностью ссылка со всеми параметрами выглядит так:
<a href=”http://www.ajobs.jlt.ru” target=”_blank” title=”ajobs.jlt.ru”>Главная страница сайта</a>
Как сделать картинку ссылкой в html
Для вывода изображений в html используется тег <img>. Выглядит это таким образом:
<img src=”адрес картинки”>
Для того чтобы создать ссылку используется тег <a> . Таким вот образом:
<a href=”адрес ссылки”>Название ссылки, если необходимо</a>
Чтобы картинку сделать ссылкой, необходимо всего лишь объединить эти два тега:
<a href=”адрес ссылки”><img src=”адрес картинки”></a>
Тег картинки вставляется внутрь тега ссылки. Таким образом, картинка работает как ссылка, если на нее навести курсор мыши и нажать, произойдет переход по ссылке.
Адреса можно прописывать как в полном формате: http:// и т.д
Так и в короткой форме, например: kartinka.jpg. Этот вариант доступен, если рисунок у вас лежит в той же папке, что и html файл.
Тег <B> создает жирный текст. Закрывающий тег </B> обязателен. Можно встретить его в виде пары тегов <STRONG></STRONG>, использовать не рекомендуется, так как тег устраевший и не все браузеры его поддерживают.
Пример:
Это обычный текст
А это уже жирный текст с использованием тега <B>
Тег <u> создает подчеркнутый текст. Закрывающий тег </u> обязателен.
Пример:
Это обычный текст
А это уже подчеркнутый текст с использованием тега <u>
Тег <small>, текст , заключенный между начальным тегом <small>и конечным тегом </small> предписывает отображать его меньше основного текста.
Для начала нового абзаца служит тэг (тег) <P>.
После открытия страницы в окне Веб-браузера все абзацы ее текста, помеченные тегом <P>, разделяются пустыми строками, что улучшает ее компоновку и внешний вид.
По умолчанию браузер обычно форматирует абзац с выравниванием по левому полю. Для принудительного выравнивания служит атрибут align. С его помощью абзацы могут быть выровнены влево, вправо, по центру и по ширине.
<p align=”left”>абзац выровнен влево…</p>
<p align=”right”>абзац выровнен вправо…</p>
<p align=”center”>абзац выровнен по центру…</p>
<p align=”justify”>абзац выровнен по ширине…</p>
Для перехода к новой строке используется тэг (тег) <br>. Он сообщает браузеру, что следует прекратить размещение текста и других элементов страницы в пределах текущей строки и перейти к новой строке. Этот тег не имеет своего двойника с косой чертой, так называемого закрывающего тега.
О тегах nofollow и noindex.
И наконец, если Вы хотите использовать ссылку (и) , но не хотите чтоб их видели поисковики,
например, из-за того, что, очень много ссылок на странице воспринимается как помойка. То те из них, которые не отличаются особой важностью, есть смысл закрыть. Но не забывая о своих интересах, можно соблюдать баланс.
Тэг nofollow определяют как детище Google. Соответственно эта поисковая система понимает его лучше всего. Кроме Гугл, данный тег поддерживается поисковой системой Yahoo. А остальные буржуйские, чаще всего, не так важны.
Вообще nofollow это атрибут ссылки имеет он вид rel=”nofollow”
Стандартный вид ссылки :
<a href=”http://ваш адрес”>ваш текст</a>
дополненный этим атрибутом, для того, чтобы сообщить Гугл , что ссылку не стоит принимать во внимание,
примет вид :
<a href=”http://ваш адрес” rel=”nofollow” >ваш текст</a>
В данном виде ссылка не будет индексироваться Гугл.
Тег noindex рожден Яндексом , следовательно его абсолютно не понимают англоязычные поисковики.
Но поддерживается Рамблер и др. из рунета.
В отличие от rel=”nofollow”, noindex закрывает не только ссылку, а и любой фрагмент текста, раздел.
Для того чтобы его использовать, необходимо поместить до и после закрываемого фрагмента текста или ссылки, открывающий и закрывающий тег <noindex>…</noindex>.
В случае со ссылкой выглядит это так :
<noindex><a href=»http://ваш адрес»>ваш текст</a></noindex>
Если закрывается фрагмент текста, то :
<noindex>
Ваш текст
Ваши ссылки в тексте
</noindex>
Совместное применение nofollow и noindex.
По отдельности nofollow и noindex закрывает информацию лишь от Гугл, или лишь от Яндекс .
При совместном их использовании, а выглядит это так :
<noindex><a href=”http://ваш адрес” rel=”nofollow” >ваш текст</a></noindex>
Ссылка не будет учитываться ни родными, ни забугорными поисковиками.
Как зарабатывают на файлообменниках Перейти
