Подавляющее большинство текстов, размещенных в интернете, закодировано с помощью формата HTML — hypertext markup language. Хотя HTML именуется языком, это не совсем язык, точнее, не совсем язык программирования. Это всего лишь правила верстки текстовой и графической информации, соблюдая которые, можно быть уверенным в том, что браузер (программа просмотра) отобразит текст на экране так, как вы это задумали. Изучение этих правил необходимо для любого, кто хочет что-либо поместить в интернете. Конечно, можно набрать текст в редакторе Word, а затем, воспользовавшись кнопкой «сохранить как», перевести документ в формат HTML. Однако полученная таким образом страница содержит много мусора и медленно загружается. Так что, если ваша цель — вызвать у посетителей максимальное раздражение, смело помещайте полученные таким образом страницы. Есть также редакторы, позволяющие верстать веб-страницы в визуальном режиме, например очень удобный и похожий Word — FrondPage2003, однако и они не идеальны и требуют «ручной» коррекции кода. Особенность верстки для HTML заключается в том, что код доступен для просмотра и может быть отредактирован с помощью самого простого текстового редактора — блокнота. Ничего подобного не существует для докумен-тов, подготовленных в Word и с помощью специальных издательских пакетов, таких как Adobe PageMaker или Quark XPress. HTML-код — очень экономный формат, он содержит только сам текст и указания браузеру (в форме специальных команд — тэгов, и их атрибутов), как отображать текст и графику. Здесь мы не будем вдаваться в подробности HTML, скажем только, что изучить их можно, воспользовавшись многочисленными руководствами, разбросанными в интернете. Некоторые из них называются «HTML за пять минут», и это не преувеличение. Оставим читателям право самостоятельно постигать премудрость гипертекстовой маркировки, ограничившись описанием структуры документа, так как именно формат структуры документов непосредственно связан и с форматированием содержания. HTML позволяет вам формировать различную гипертекстовую информацию на основе структурированных документов. Сделать ссылку на другую страницу своего или другого сайта очень легко. Для создания гиперссылки надо указать браузеру, что является ссылкой и указать адрес документа, на который она будет вести. Делается это с помощью HTML-тега <a> и обязательного атрибута href:1<a href="URL">Текст_ссылки (анкор)</a>Здесь URL – это адрес документа, на который следует перейти. А текст гиперссылки, расположенный между тегами <a> и </a>, называется анкором ссылки и виден посетителю веб-страницы. Кроме того, что текст ссылки (анкор) информирует читателя, куда будет осуществлен переход, он еще очень важен в поисковой оптимизации (SEO), так как служит одним из определяющих факторов, влияющих на ранжирование Вашего сайта по ключевым словам, содержащимся в этом анкоре. Обычно такой вид ранжирования называют ссылочным.URL-адрес ссылки может быть как абсолютным, так и относительным. Абсолютные адреса начинаются с указания протокола (обычно http) и имени сайта. Допускается делать абсолютные ссылки и внутри одного сайта, однако правильнее использовать для создания внутренней ссылки относительные адреса, которые выглядят короче. Но, анализируя различные сайты, я заметил, что подавляющее большинство веб-мастеров делают внутренние ссылки с абсолютными адресами. Тут есть свой плюс, так как, если у Вас скопируют страницу, то таким образом Вы получите рабочие обратные внешние ссылки. Как видите, с абсолютными ссылками все просто. Вот с относительными сложнее, поскольку при их создании надо понимать, какое значение атрибута href надо указать, так как оно зависит от исходного расположения документов. Как я уже говорил, никто с этим особо не заморачивается и делает все ссылки на сайте абсолютными. Однако, если Вам интересно подробнее узнать, как правильно создавать относительные ссылки для сайта, могу порекомендовать статью Дмитрия, автора блога ktonanovenkogo.ru. Более подробного и понятного объяснения я еще не встречал. Для примера, покажу, как будет выглядеть ссылка, ведущая к файлу относительно корня сайта (просто отсекаем все, что слева от третьего слеша в аналогичной абсолютной ссылке):1<a href="/chto-takoe-seo-optimizatsiya-sayta.html">Относительная ссылка</a>Ну а относительная ссылка на главную страницу сайта будет выглядеть так:1<a href="/">На главную</a>Продолжим о том, как делать гиперссылки. Часто можно видеть, как при наведении на ссылку, всплывает текстовая подсказка. Делается это с помощью атрибута title:1<a title="Всплывающая подсказка" href="http://blogibiznes.ru">Текст ссылки (анкор)</a>Цвета и оформление всплывающего текста зависят только от настроек операционной системы и браузера.Ну вот, как создать ссылку надеюсь понятно. А как вставить гиперссылку в текст веб-страницы сайта? Для этого надо перейти в режим HTML-редактора и просто скопировать туда созданный нами HTML-код.
