update folder html
This commit is contained in:
parent
877e4edd3f
commit
97311a8f9e
1 changed files with 40 additions and 5 deletions
45
html/l1.html
45
html/l1.html
|
|
@ -6,9 +6,36 @@
|
||||||
<title>HTML</title>
|
<title>HTML</title>
|
||||||
<style>
|
<style>
|
||||||
.image {
|
.image {
|
||||||
width: 1200px;
|
width: 400px;
|
||||||
height: auto;
|
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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -21,13 +48,21 @@
|
||||||
<a href="#about">Обо мне</a>
|
<a href="#about">Обо мне</a>
|
||||||
</nav>
|
</nav>
|
||||||
<main>
|
<main>
|
||||||
<img src="image.jpeg" alt="пушок" class="image">
|
<div class="image2">
|
||||||
<p>Сайт</p>
|
<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>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<section id="about">
|
<section id="about">
|
||||||
<h2>Я да</h2>
|
<div class="color">
|
||||||
<p>ДА да</p>
|
<h2><sss>Я да</sss></h2>
|
||||||
|
<p><sss>ДА да</sss></p>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue