Читать книгу Шпаргалки для начинающего верстальщика HTML/CSS - Елена Эберт - Страница 4
Создаем каркас сайта
Общая универсальная структура нашей страницы
ОглавлениеСтраница сайта является обычным текстовым файлом, расширение которого. html.
Как его создать? Можно открыть Блокнот через панель Пуск на компьютере и нажать во вкладке Файл – Сохранить как…
Сохранить мы должны данный файл как index.html.
Аналогично в нашу папку с названием проекта мы должны положить файл для CSS, его мы должны назвать style. css.
Внутри данного файла и хранится текст HTML-страницы. Он должен обязательно иметь такие теги как:
– тег <html>, который содержит в себе текст всего сайта (все, что написано вне его, браузер будет проигнорировать)
– внутри <html> должен обязательно быть тег <head>, в нем отражается служебное содержимое страницы
– также внутри <html> должен обязательно быть тег <body>, в нем отражен основной текст, который и виден на экране браузера.
В теге <head> должны быть тег <title>, он задает название страницы, в браузере, тег <meta>, задающий кодировку страницы (в атрибуте charset, как правило, это значение utf-8).
Также перед тегом <html> пишется конструкция doctype, она указывает на версию языка HTML, на которой сделан сайт. В настоящее время актуальна версия, которую выражает <!DOCTYPE html>.
Структура любой страницы имеет общую структуру, которая в целом выглядит так:
<!DOCTYPE html>
<html lang=«en»>
<head>
<meta charset=«UTF-8»>
<meta name=«viewport» content=«width=device-width, initial-scale=1.0»>
<title> Заголовок страницы </title>
<link rel=«stylesheet» href=«style. css»> // подключаем CSS
</head>
<body>
<header> шапка сайта </header>
<main class=«main»> основная часть </main>
<footer class=«footer»> подвал сайта </footer>
</body>
</html>
