|
|
@@ -0,0 +1,82 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>A-level</title>
|
|
|
+ <link rel="icon" href="image/favicon.png" type="image/x-icon">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <header>
|
|
|
+ <h1>Homework 1</h1>
|
|
|
+ </header>
|
|
|
+
|
|
|
+ <main>
|
|
|
+ <!-- Первый уровень (“начинаю учиться!”) -->
|
|
|
+ <div><b>Парные теги</b></div>
|
|
|
+ <ol>
|
|
|
+ <li>nav/nav</li>
|
|
|
+ <li>a/a</li>
|
|
|
+ <li>div/div</li>
|
|
|
+ <li>form/form</li>
|
|
|
+ <li>span/span</li>
|
|
|
+ </ol>
|
|
|
+
|
|
|
+ <div><b>Одиночные теги</b></div>
|
|
|
+ <ul>
|
|
|
+ <li>br</li>
|
|
|
+ <li>img</li>
|
|
|
+ <li>input</li>
|
|
|
+ <li>link</li>
|
|
|
+ <li>hr</li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <!-- Второй уровень (“немножко посложнее”) -->
|
|
|
+ <div style="max-width: 585px;">
|
|
|
+ <time datetime="2020-01-15"><i>15янв. 2020</i></time>
|
|
|
+ <h2>Что такое верстка</h2>
|
|
|
+ <p><b>Верстка</b> по праву считается одним из <b><u><i>самых важных этапов создания сайта</i></u></b>. <i>От качества работы и подготовки, знаний специалиста
|
|
|
+ зависит вся работа, качество сайта, его вид и функционирования.</i> Даже <u>незначительная</u> ошибка, допущенная в процессе верстки,
|
|
|
+ может привести к <mark>катастрофическим последствиям</mark>.
|
|
|
+ <a href="#">Неправильный код</a> может дать серьезную нагрузку на сайт, неправильно отобразить компоненты, в результате чего:
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <ol>
|
|
|
+ <li>
|
|
|
+ посещаемость сайта упадет
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <u>прибыль клиента будет стремиться к <b>нулю</b></u>.
|
|
|
+ </li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- Третий уровень ("постараюсь и смогу!") -->
|
|
|
+ <ol>
|
|
|
+ <li>
|
|
|
+ <b>Жирный</b>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <i>Курсив</i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <u>Подчеркивание</u>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a id="mainlink" class="google-link" href="https://www.google.com" target="_blank">
|
|
|
+ Ссылка
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li style="color: red">
|
|
|
+ Красный
|
|
|
+ </li>
|
|
|
+ </ol>
|
|
|
+ </main>
|
|
|
+
|
|
|
+ <footer>
|
|
|
+ <div>Васильченко Елена</div>
|
|
|
+ <a href="tel:+380888888888">+38088-88-88-888</a>
|
|
|
+ </footer>
|
|
|
+</body>
|
|
|
+</html>
|
