Матвей Козлов
Профи
(857)
1 месяц назад
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
}
nav {
background-color: #444;
color: #fff;
text-align: center;
padding: 5px 0;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
main {
padding: 20px;
}
section {
margin-bottom: 20px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
}
frontDev
Мастер
(2132)
1 месяц назад
Базовая структура HTML-документа включает в себя следующие элементы:
<!DOCTYPE html>. Объявление типа документа, указывающее браузеру, что это HTML5-документ.
<html>. Корневой элемент, содержащий весь контент страницы. Все остальные элементы HTML-документа должны быть вложены в этот тег.
<head>. Элемент, содержащий метаданные о документе, такие как заголовок страницы и ссылки на стили. Здесь также можно указать кодировку документа, подключить внешние стили и скрипты.
<title>. Тег, определяющий заголовок страницы, который отображается на вкладке браузера. Этот заголовок также используется поисковыми системами для индексации страницы.
<body>. Элемент, содержащий видимый контент страницы. Всё, что отображается на веб-странице, находится внутри этого тега.
Некоторые другие теги, которые могут присутствовать в структуре HTML-документа:
<main> — выделяет основное содержание страницы, которое не повторяется на других страницах.
<header> — содержит вводную часть страницы, которую чаще называют «шапкой».
<footer> — описывает заключительную часть страницы, или «подвал».
Некоторые базовые стили HTML-документа:
Цвет текста. Свойство color изменяет цвет текста. Можно использовать названия цветов, шестнадцатеричные значения или RGB-коды.
Фон. Свойство background-color изменяет цвет фона. Это свойство можно применять к любым элементам HTML.
Шрифт. Свойства font-family, font-size и font-weight изменяют шрифт текста. Можно использовать несколько шрифтов в одном свойстве, чтобы браузер выбрал первый доступный.
Отступы и поля. Свойства margin и padding управляют внешними и внутренними отступами элементов.
По умолчанию все HTML-теги имеют своё стандартное оформление. Это оформление задают браузеры, причём каждый браузер может задать свой стиль. Из-за этого одна и та же вёрстка может выводиться по-разному, в зависимости от браузера, операционной системы и системных настроек.