Scribd
Upload
6 views

HTML codes

The document is an HTML webpage titled 'Animals' that features sections for various animals including cats, dogs, birds, fish, and rabbits, each accompanied by an image. It also includes a contact section with a link to a contact page and provides links to Wikipedia articles for each animal. The layout is styled for centered text and a specific background color.

Uploaded by

komphesabi5
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
6 views

HTML codes

The document is an HTML webpage titled 'Animals' that features sections for various animals including cats, dogs, birds, fish, and rabbits, each accompanied by an image. It also includes a contact section with a link to a contact page and provides links to Wikipedia articles for each animal. The layout is styled for centered text and a specific background color.

Uploaded by

komphesabi5
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

#1##################

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.Umumi {
background-color: rgba(174, 181, 206, 0.922); ;
}
.Contact {
text-align: center;
}
h1 {
text-align: center;
}
h2 {
text-align: center;
}
img {
text-align: center;
}

</style>
<style>
.Cat {
text-align: center;
}
.Dog {
text-align: center;
}
.Bird {
text-align: center;
}
.Fish {
text-align: center;
}
.Rabbit {
text-align: center;
}
.links {
text-align: center;
}
</style>
</head>
<body>
<div class="Umumi">
<h1>Animals</h1>
<div class="Cat">
<h2>Cat:</h2>
<img src="./Photos/cat1.jpeg" alt="Cat1" width="350" height="230">
</div>

<div class="Dog">
<h2>Dog:</h2>
<img src="./Photos/dog1.jpeg" alt="Dog1" width="350" height="230">
</div>
<div class="Bird">
<h2>Bird:</h2>
<img src="./Photos/bird1.jpeg" alt="Bird1" width="350" height="230">
</div>

<div class="Fish">
<h2>Fish:</h2>
<img src="./Photos/fish1.jpeg" alt="Fish1" width="350" height="230">
</div>

<div class="Rabbit">
<h2>Rabbit:</h2>
<img src="./Photos/rabbit1.jpeg" alt="Rabbit1" width="350"
height="230">
<hr>
</div>

<div class="Contact">
<h2>Contact</h2>
<a href="./Contact.html"><img src="./Photos/contact.png" width="150"
alt="Contact"></a>
<p>Click picture</p>
<hr>
</div>
<div class="links">
<h2>Links:</h2>
<a href="https://en.wikipedia.org/wiki/Cat">Cat</a>
<br>
<a href="https://en.wikipedia.org/wiki/Dog">Dog</a>
<br>
<a href="https://en.wikipedia.org/wiki/Bird">Bird</a>
<br>
<a href="https://en.wikipedia.org/wiki/Fish">Fish</a>
<br>
<a href="https://en.wikipedia.org/wiki/Rabbit">Rabbit</a>

</div>
</div>
</body>
</html>
#####################################################

You might also like