Простой HTML

 

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

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

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

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

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

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

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

htmlКак сделать так, чтобы корректно вписать картинку в фон страницы и использовать как основной фон страницы или как отдельного текста.

Универсальное свойство background - позволяет устанавливать характеристики фона страницы (до пяти).

Например команд:
background-image – устанавливает фоновое изображение;
background-position – задаёт начальное положение изображения (left, center, right, top, bottom);
background-attachment – будет ли изображение прокручиваться вместе с документом или зафиксируется (fixed, scroll, local);
background-repeat – как будет повторяться картинка (repeat-x, repeat-y, space, round, no-repeat);
background-color – цвет фона (цвет, transparent, inherit).

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

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

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