The code:
<!DOCTYPE html>
<html>
<head>
<title>The Wolverine</title>
<style>
{background-color: black;}
h1 {color: blue; text-align: center; text-size: 80px;}
.top { text-align: right;}
.left {color: green; text-align: left;}
.mid {text-align: center;}
#pp {text-align: right; color: red;}
#pq {text-align: left; background-color: red;}
h2, h3, h4, p { text-align: right; color: blue;}
</style>
</head>
<body>
<h1>The Wolverine</h1>
<p id="pp">The protector of the North<p>
<p id="pq">Not the damn comic character
<img src="http://rs231.pbsrc.com/albums/ee207/KING-KONG_02/Wolverine-6.gif~c200" alt="The Wolverine" style="float:center;width:42px;height:42px;">
</p>
<br><hr><br>
<h2 class="mid">This beast</h2>
<img src="https://i.imgur.com/UyoD2vi.gif?noredirect" alt="Wild Wolverine" title="A Wolverine">
<h2>It travels around its territory</h2>
<h3 class="left">Picking fights</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/NvlalDNxccw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br><br>
<h4>Beware :- They smell really bad</h4>
<p class="left">Yeah! Their smell is the "only" thing to be aware of!</p>
</body>
</html>
No comments:
Post a Comment