Простой HTML

 

sitemapНа первоначальном этапе развития сайта, такой необходимости, как создание файла sitemap нет, так как страниц мало, они в основном статичны, от главной страницы не более двух кликов, между собой все страницы перелинкованы. Но это только в начале.
Сайт имеет свойство постепенно разрастаться. Разумеется, на какие-то совершенно новые странички сайта ссылки с главной страницы уже не ставятся, структура сайта углубляется и постепенно уходит в такие дебри, что самому парой тяжело проследить путь от главной. Страницы удаляются по вложенности, от главной, в бесконечность.

htmlНаверное, вы даже и не подозревали, что у сайта могут быть разные адреса главной страницы. Например, site.ru, site.ru/ и site.ru/index.html Возможно в этом нет ни чего страшного с точки зрения поисковой оптимизации, но мне лично такие дубли не нравятся. Убрать их и прийти к одной единственной, можно применив запись редирект в файле .htaccess

htmlРазберу сразу на живом примере, простая текстовая ссылка: <a href="/URL-адрес ссылки" >Название ссылки</a>
где тег <a> - используется для создания ссылки;
атрибут <href> - указывает путь к странице или сайту, на который нужно перейти.

Простая ссылка на картинку: <img src="/Путь к картинке" >
где <img> - тег для вывода изображения (картинки);
<src> - путь к картинке

Теперь объединим все вместе для того чтобы картинка стала ссылкой:

htmlЯкорь, используется для направления посетителя в точно определенное место на странице сайта. Практикуется в использовании на страницах с большим объемом контента.

Пример: <a name="link"></a> так выглядит метка установленная на странице сайта в определенном месте, где name - строго индивидуальное имя якоря, так сказать закладка.

htmlВ примере "Картинка как фон страницы", стиль картинки использовался прямо в странице. Правильнее и проще будет использование картинки фоном в CSS. Если стилю будет присвоить класс, то его можно будет использовать и для других картинок на всем сайте.

Пример 1: Создаем документ с расширением .css в него впишем следующее:

div.наш стиль {
background-image: url('/images/картинка.jpg');
background-repeat: repeat;
background-attachment: scroll;
}