| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <!DOCTYPE html>
- <html lang="ru">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>HTML</title>
- <style>
- .image {
- width: 400px;
- height: auto;
- }
- .image2 {
- text-align: centr;
- }
- .image2 {
- display: inline-block;
- margin: 10px;
- }
- body {
- background-color: black;
- color: white;
- }
- a {
- color: red;
- }
- #about h2 {
- display: inline-block;
- width: 100%;
- }
- #about p {
- display: inline-block;
- width: 100%;
- }
- #about p sss:hover,
- #about h2 sss:hover {
- color: yellow;
- }
- </style>
- </head>
- <body>
- <header>
- <h1>Site</h1>
- </header>
- <nav>
- <a href="l2.html">Переход</a>
- <a href="l3.html">Переход 2</a>
- <a href="#about">Обо мне</a>
- </nav>
- <main>
- <div class="image2">
- <a href="https://images.prom.ua/2987667453_w1280_h640_2987667453.jpg">
- <img src="https://images.prom.ua/2987667453_w1280_h640_2987667453.jpg" alt="пушок" class="image">
- </a>
- <a href="https://esd.adventist.org/wp-content/uploads/2023/07/6-2.jpg">
- <img src="https://esd.adventist.org/wp-content/uploads/2023/07/6-2.jpg" alt="сергей" class="image">
- </a>
- </div>
- </main>
- <footer>
- <section id="about">
- <div class="color">
- <h2><sss>Я да</sss></h2>
- <p><sss>ДА да</sss></p>
- </div>
- </section>
- </footer>
- </body>
- </html>
|