69 lines
No EOL
1.7 KiB
HTML
69 lines
No EOL
1.7 KiB
HTML
<!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> |