my/html/l1.html

69 lines
1.7 KiB
HTML
Raw Normal View History

2026-05-16 16:26:56 +03:00
<!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 {
2026-05-16 17:31:10 +03:00
width: 400px;
2026-05-16 16:26:56 +03:00
height: auto;
}
2026-05-16 17:31:10 +03:00
.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;
}
2026-05-16 16:26:56 +03:00
</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>
2026-05-16 17:31:10 +03:00
<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>
2026-05-16 16:26:56 +03:00
</main>
<footer>
<section id="about">
2026-05-16 17:31:10 +03:00
<div class="color">
<h2><sss>Я да</sss></h2>
<p><sss>ДА да</sss></p>
</div>
2026-05-16 16:26:56 +03:00
</section>
</footer>
</body>
</html>