| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Homework 2</title>
- <link rel="stylesheet" href="style.css" />
- <style>
- blockquote {
- color: blue;
- }
- </style>
- </head>
- <body>
- <!-- 1.Первый уровень -->
- <!-- Инлайновый стиль имеет наивысший приоритет, потому что он находится в теге -->
- <blockquote style="color: red;">
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus ipsum
- inventore totam quas sint id qui nostrum reprehenderit sit eveniet
- officiis vel deserunt molestiae harum odio dolorum asperiores, corrupti
- voluptatum.
- </blockquote>
- <!-- 2.Второй уровень -->
- <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>
- <!-- 3.Третий уровень -->
- <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>
- <!-- 4.Четвертый уровень -->
- <div class="bg-box"></div>
-
- </body>
- </html>
|
