Размер шрифта

Шпаргалки для начинающего верстальщика HTML/CSS - стр. 2

– внутри должен обязательно быть тег , в нем отражается служебное содержимое страницы

– также внутри должен обязательно быть тег , в нем отражен основной текст, который и виден на экране браузера.

В теге должны быть тег , он задает название страницы, в браузере, тег <meta>, задающий кодировку страницы (в атрибуте charset, как правило, это значение utf-8).Также перед тегом <html> пишется конструкция doctype, она указывает на версию языка HTML, на которой сделан сайт. В настоящее время актуальна версия, которую выражает <!DOCTYPE html>.Структура любой страницы имеет общую структуру, которая в целом выглядит так:<div class="cite"><!DOCTYPE html><html lang=«en»><head><meta charset=«UTF-8»><meta name=«viewport» content=«width=device-width, initial-scale=1.0»><title> Заголовок страницы

// подключаем CSS

шапка сайта

основная часть

Пишем шапку сайта

Что такое шапка сайта? Это верхняя часть сайта, где размещены логотип компании, контактные данные компании и панель навигации. Рассмотрим ниже два самых распространенных типа шапки сайта.

В HTML шапку сайта оформляют с помощью тега header, это парный тег.

Тег – это специальное зарезервированное слово в языке HTML, его ключевая составляющая. Именно тегом начинается код и им же заканчивается. Внутри тега располагается информация, которая отображается на веб-странице.

Теги могут быть парными и одиночными. Парный тег состоит из открывающего и закрывающего тегов. Открывающий тег изображается с помощью знаков “ <” и ">». У закрывающего тега перед именем стоит слэш “/».

Например,

– открывающий тег,

– закрывающий.

Как правило, в 99% случаев шапка сайта сделана стандартно, с позиции языка HTML, поэтому нам, новичкам, следует только несколько раз повторить код указанный ниже на реальных примерах, на практике, чтобы понять как данная шапка с позиции HTML устроена и идти по пути обучения верстке далее.

Начинающему верстальщику для того, чтобы лучше запомнить теги и свойства, а также чтобы лучше ориентироваться в своем коде, необходимо писать комментарии, что и как мы делаем. Комментарии в оформляются следующим образом:

Так как контент сайта расположен по середине, а по бокам у него имеется пространство, можно предположить, что все содержимое сайта помещено в контейнер – это некий блок, в которым расположена вся информация веб-страницы.

Страница 2