| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <!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="stylesheet" href="css/main.css">
- <link rel="shortut icon" href="img/favicon.png" type="image/png">
- <style>
- /* Приоритет второго порядка для цитаты */
- blockquote {
- color: blue;
- }
- </style>
- </head>
- <body>
- <header>
- <h1>Homework 2</h1>
- </header>
- <main>
- <!-- Приоритет первого порядка для цитаты -->
- <blockquote style="color: green;">
- <q>A dream becomes a goal when action is taken toward its achievement.</q>
- <cite>Bo Bennett</cite>
- </blockquote>
- <!-- Исходный код -->
- <div class="holder">
- <h1>Title</h1>
- <ul class="list">
- <li>
- <a href="#">link1</a>
- <ul>
- <li><a href="#">link2</a></li>
- <li><a href="#">link3</a></li>
- </ul>
- </li>
- <li><a href="https://www.youtube.com/">link4</a></li>
- <li><a href="https://validator.w3.org/">link5</a></li>
- <li><a href="#">link6</a></li>
- </ul>
- <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore, accusamus.</p>
- <h1>Title</h1>
- <p>Lorem ipsum dolor sit amet.</p>
- </div>
- <!-- Оформление элементов согласно их содержимому -->
- <div class="text-box">
- <h3>Покрасьте меня в розовый цвет (color:pink).</h3>
- <p>Данный элемент должен остаться неоформленным.</p>
- <p id='greycol'>Покрасьте меня в серый цвет (color:grey).</p>
- <div>Данный элемент должен остаться неоформленным.</div>
- <div><p>Покрасьте меня в красный цвет (color:red).</p></div>
- <h3>Данный элемент должен остаться неоформленным.</h3>
- <p>Покрасьте меня в зеленый цвет (color:green).</p>
- <p class='yellow'>Покрасьте меня в желтый цвет (color:yellow).</p>
- </div>
- <!-- Задание 4 с использованием свойства background -->
- <div class="bg-box"></div>
- </main>
- </body>
- </html>
|
