kianurivzzz · January 14, 2024 09:22
diff --git a/example.html b/example.html
 /* 

 1. Создайте папку в удобном месте компьютере
 2. В этой папке создайте новый HTML-документ - index.html
 3. Добавьте в index.html код снизу
 4. Создайте новый CSS файл - style.css
 5. В CSS файле в самом верху создайте селектор для тега body и напишите следующие стили - шрифт Arial, sans-serif, размер шрифта 16px, цвет текста #333, межстрочный отступ 1.5
 6. В CSS файле создайте селектор для класса title, и напишите следующие стили - размер шрифта 40px, цвет текста #f03333, межстрочный отступ 1.2, все буквы заглавные
 7. В CSS файле создайте селектор для класса subtitle, и напишите следующие стили - размер шрифта 30px, цвет текста #12ac11, межстрочный отступ 1.2, подчеркивание текста снизу
 8. В CSS файле создайте селектор для класса list, и напишите следующие стили - размер шрифта 20px, цвет текста #444, все буквы наклонные, стиль маркеров списка - square

 */

 <!DOCTYPE html>
 <html lang="ru">

 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Tags atributes</title>
 </head>

 <body>

 <h1 class="title">Оформление текста</h1>
 <p>Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации "Здесь ваш текст.</p>
 <h2 class="subtitle">Заголовок второго уровня</h2>
 <p>Многие программы электронной вёрстки и редакторы HTML используют Lorem Ipsum в качестве текста по умолчанию, так что поиск по ключевым словам "lorem ipsum" сразу показывает, как много веб-страниц всё ещё дожидаются своего настоящего рождения.</p>
 <ul class="list">
  <li>За прошедшие годы текст Lorem Ipsum</li>
  <li>Некоторые версии появились по ошибке</li>
  <li>Есть много вариантов Lorem Ipsum</li>
 </ul>

 </body>

 </html>
	/*

	1. Создайте папку в удобном месте компьютере
	2. В этой папке создайте новый HTML-документ - index.html
	3. Добавьте в index.html код снизу
	4. Создайте новый CSS файл - style.css
	5. В CSS файле в самом верху создайте селектор для тега body и напишите следующие стили - шрифт Arial, sans-serif, размер шрифта 16px, цвет текста #333, межстрочный отступ 1.5
	6. В CSS файле создайте селектор для класса title, и напишите следующие стили - размер шрифта 40px, цвет текста #f03333, межстрочный отступ 1.2, все буквы заглавные
	7. В CSS файле создайте селектор для класса subtitle, и напишите следующие стили - размер шрифта 30px, цвет текста #12ac11, межстрочный отступ 1.2, подчеркивание текста снизу
	8. В CSS файле создайте селектор для класса list, и напишите следующие стили - размер шрифта 20px, цвет текста #444, все буквы наклонные, стиль маркеров списка - square

	*/

	<!DOCTYPE html>
	<html lang="ru">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style.css">
	<title>Tags atributes</title>
	</head>

	<body>

	<h1 class="title">Оформление текста</h1>
	<p>Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации "Здесь ваш текст.</p>
	<h2 class="subtitle">Заголовок второго уровня</h2>
	<p>Многие программы электронной вёрстки и редакторы HTML используют Lorem Ipsum в качестве текста по умолчанию, так что поиск по ключевым словам "lorem ipsum" сразу показывает, как много веб-страниц всё ещё дожидаются своего настоящего рождения.</p>
	<ul class="list">
	<li>За прошедшие годы текст Lorem Ipsum</li>
	<li>Некоторые версии появились по ошибке</li>
	<li>Есть много вариантов Lorem Ipsum</li>
	</ul>

	</body>

	</html>