- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>Закрепление</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Структура HTML</h1>
<p>Язык HTML состоит из множества тегов. Каждый тег имеет определённый смысл и предназначение.</p>
<p>Каждый тег может иметь определённый набор атрибутов.</p>
<h1>Структура CSS</h1>
<p>CSS состоит из селекторов и свойств.</p>
<p>Селекторы описывают какие именно элементы или группы элементов будут обладать заданными свойствами.</p>
</body>
</html>
CSS
/* Это правило задаёт общий размер шрифта */
body {
font-size: 16px;
}
/* Это правило — размер для заголовков первого уровня */
h1 {
font-size: 20px;
}
/* А это — тень для заголовков первого уровня */
h1 {
text-shadow: 2px 2px 0 #cccccc;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
Потренируйтесь изменять код в редакторах. Смотрите, как при этом страница изменяется в браузере.
- В конец текста добавьте заголовок первого уровня с содержанием
Потренировался
. - После него добавьте абзац с текстом
Пора двигаться дальше
. - Увеличьте размер шрифта заголовков до
32px
.