Helen
/
markup


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
							<!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>