janedev
/
homework-html


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
							<!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="shortut icon" href="img/favicon.png" type="image/png">
    <style>
        time {
            font-style: italic;
        }
    </style>
</head>
<!-- Основная часть документа -->
<body>
    <!-- Шапка -->
    <header>
        <!-- Заголовок первого порядка -->
        <h1>Homework 1</h1>
    </header>   
    <main> 
        <!-- Cписки к заданию 1-->
        <div>
            <!-- Упорядоченный список -->
            <ol>
                <!-- Парные теги -->
                <li>html</li>
                <li>head</li>
                <li>div</li>
                <li>body</li>
                <li>title</li>
            </ol>
            <ol>
                <!-- Одиночные теги -->
                <li>br</li>
                <li>link</li>
                <li>img</li>
                <li>hr</li>
                <li>meta</li>
            </ol>
                <!-- Неупорядоченый список -->
            <ul>
                <!-- Парные теги -->
                <li>button</li>
                <li>em</li>
                <li>header</li>
                <li>i</li>
                <li>p</li>
            </ul>
            <ul>
                <!-- Одиночные теги -->
                <li>area</li>
                <li>input</li>
                <li>col</li>
                <li>base</li>
                <li>source</li>
            </ul>
        </div> 
        <article>
            <!-- Дата -->
            <time datetime="2020-01-15">15янв. 2020</time>
            <!-- Заголовок второго порядка -->
            <h2>Что такое верстка</h2>
            <!-- Параграф с текстом -->
            <p><b>Верстка</b> по праву считается одним из <b><u>самых важных этапов создания сайта.</u></b> <i>От<br>качества работы и подготовки, знаний специалиста зависит вся работа, качество<br>сайта, его вид и функционирования.</i> Даже <u>незначительная</u> ошибка, допущенная в процессе<br>верстки, может привести к <mark>катастрофическим последствиям.</mark><br>
            <a href="url">Неправильный код</a> может дать серьезную нагрузку на сайт, неправильно отобразить<br>компоненты, в результате чего:</p>
            <!-- Упорядоченный список -->
            <ol>
                <li>посещаемость сайта упадет</li>
                <li><u>прибыль клиента</u> будет <u>стремиться к <b>нулю.</b></u></li>
            </ol>
        </article>
        <!-- Упорядоченный список к заданию 3 -->
        <div>
            <ol>
                <li><b>Первый пункт</b></li> 
                <li><i>Второй пункт</i></li>
                <li><u>Третий пункт</u></li>
                <li><a id="mainlink" class="google-link" href="http://www.google.com.ua" target="_blank">Четвертый пункт</a></li>
                <li style="color: red;">Пятый пункт</li>
            </ol>
        </div>
    </main>
        <!-- Подвал сайта -->
        <footer>
            <!-- ФИО -->
            <h3>Akinshyna Yevgeniia</h3>
            <!-- Номер телефона -->
            <a href="tel:+380930250014">+380 (93) 025 00 14</a>
        </footer>
</body>
</html>