write the HTML code to do the following to display a horizontal line of green colour to create a hyperlink on the word clicking to an image named test image dot JPEG
Answers
<!DOCTYPE Html>
<html>
<head>
<meta charset="utf-8">
<title>Write the code | nishchay</title>
<style>
hr.new5 {
border: 2px solid green;
border-radius: 5px;
}
h1 {
text-align: center;
}
a {
color: #E91E63;
}
img.imgbg {
background-color: grey;
height: 500px;
width: 500px;
}
</style>
</head>
<body>
<h1>Header</h1>
<hr class="new5">
<a href="#img">To the photo</a>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer a venenatis risus. Integer blandit ipsum eget fermentum fringilla. Mauris lobortis nunc eget tellus molestie, a viverra orci commodo. Phasellus at libero a velit sollicitudin pretium. Etiam pellentesque vestibulum congue. Aenean hendrerit, sem vehicula semper vestibulum, ex est congue ex, ac maximus libero enim non justo. Duis vehicula mi nulla, scelerisque condimentum erat placerat eu. Vivamus eget nunc tempus, pulvinar justo id, sodales lectus. Ut laoreet cursus tristique. Etiam laoreet elit vitae orci lobortis mollis. Vivamus gravida eleifend dignissim. Sed aliquam mi eros, ut maximus sem aliquet vitae. Nunc rutrum metus sed orci mattis ultricies. Quisque eget velit vel quam hendrerit ornare et id est. Nam venenatis sollicitudin libero. Suspendisse ultricies sem et justo sodales, sed bibendum augue tempus.
<br><br>
Mauris rutrum quam in mauris aliquam, a ultrices augue tempor. Suspendisse ultricies tellus ut blandit aliquam. Pellentesque id aliquam lectus, ut congue quam. Duis nec dui purus. Etiam vitae tristique enim. Aliquam lacinia libero sem, eu aliquet tortor dictum id. Quisque ac nulla ligula. Sed sollicitudin, erat sit amet mollis viverra, orci mauris convallis ligula, vel congue est dolor nec nisl. Morbi porttitor nec sapien nec interdum. Praesent malesuada, ipsum at maximus efficitur, ipsum velit egestas nisl, ut aliquet libero risus non nisl. Morbi ut ex quis urna viverra convallis eu vitae dui. Aliquam tempus, sem blandit congue malesuada, urna libero pulvinar felis, eu auctor felis quam vel ipsum.
<br><br>
Proin aliquam efficitur felis, in suscipit quam porttitor nec. Sed tristique posuere tortor, id volutpat libero fringilla quis. Nam sit amet enim at eros imperdiet laoreet. Vestibulum at magna sit amet turpis blandit eleifend. Donec viverra feugiat est vel varius. Nunc malesuada sagittis sapien, volutpat semper eros feugiat in. Etiam nec nisl eu nisi facilisis facilisis in id nisl. Suspendisse blandit, nisl auctor fringilla efficitur, mauris tortor egestas augue, et hendrerit nisl augue sit amet nisl. Sed nibh risus, dictum lobortis massa eu, imperdiet venenatis justo. Pellentesque et pharetra risus. Ut nec velit eget odio condimentum luctus. In cursus dignissim ante, non congue metus rutrum ac. Vivamus molestie congue mi nec hendrerit. Phasellus volutpat felis vitae eros varius rutrum. Ut ullamcorper velit velit, eget cursus elit ornare non. Etiam posuere malesuada ex at efficitur.
</p>
<br>
<img id="img" src="" alt="test-image.jpeg" class="imgbg">
</body>
</html>
