CREATE A WEB PAGE USING HTML THAT CONTAINS IMAGES AT LEFT, RIGHT, AND CENTER

CREATE A WEB PAGE USING HTML THAT CONTAINS IMAGES AT LEFT, RIGHT AND CENTER USE ALL THE ATTRIBUTES OF <IMG> TAG.USE THE OTHER REQUIRED TAGS IF NEEDED.

Complete Html Code with Output Result-

<html>
<head><h1 style="text-align: left;">&nbsp;INFORMATION TECHNOLOGY</h1><title>Web Page [By Himanshu]</title>
</head>
<body background="https://1.bp.blogspot.com/-M18eDZ89ajc/YBtbr2QljvI/AAAAAAAAEQM/VcRoVadDSsI0bk7nsg6m2mEscUnn9dDHgCLcBGAsYHQ/s1920/color-1845394_1920.jpg">
<div class="separator"><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><br /></div><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><br /></div><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><br /></div><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><img border="0" data-original-height="217" data-original-width="207" height="142" src="https://1.bp.blogspot.com/-x3EZFfYcRAo/YBtcNMUn7kI/AAAAAAAAEQU/CscsGfX9TPsbfkwvKUxFtLvS1vFMdjDlACLcBGAsYHQ/w136-h142/r.png" width="136" />&nbsp;&nbsp;<b style="text-align: left;"><span style="font-size: medium;">This image is left aligned.</span></b></div></div><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><span style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><span style="font-size: medium; text-align: left;"><b><br /></b></span></div></span></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-VDpJHWSrv4Y/YBtZDpXClZI/AAAAAAAAEPs/Sq1PfsYBD8MbG7oHvlROde44p1cwlGDAQCLcBGAsYHQ/s217/r.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="217" data-original-width="207" height="139" src="https://1.bp.blogspot.com/-VDpJHWSrv4Y/YBtZDpXClZI/AAAAAAAAEPs/Sq1PfsYBD8MbG7oHvlROde44p1cwlGDAQCLcBGAsYHQ/w133-h139/r.png" width="133" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both;"><b><span style="font-size: medium;"><imgsrc align="center" alt="computerscience" height="50" jpg="" style="text-align: left;" width="50">This image is center aligned.</imgsrc><span style="text-align: left;">&nbsp;</span></span></b></div><div class="separator" style="clear: both;"><b><span style="text-align: left;"><br /></span></b></div><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://1.bp.blogspot.com/-elj-kvPqEQI/YBtZIRHejiI/AAAAAAAAEPw/rzWEjxXQzmEJHJxTtnVw8sGAHejuSuLywCLcBGAsYHQ/s217/r.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><b><img border="0" data-original-height="217" data-original-width="207" height="134" src="https://1.bp.blogspot.com/-elj-kvPqEQI/YBtZIRHejiI/AAAAAAAAEPw/rzWEjxXQzmEJHJxTtnVw8sGAHejuSuLywCLcBGAsYHQ/w128-h134/r.png" width="128" /></b></a></div><span style="text-align: left;"><br /></span></div><div class="separator" style="clear: both; text-align: right;"><span style="font-size: medium; text-align: left;"><b>This image is right-aligned.</b></span></div></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div>
</body>
</html>

Project Output

create-a-web-page-using-html-that-contains-images-at-left-right-and-center

Download Output Ready File

Warning- You can Use this Material for Offline in School, Project Report & Education Purpose But Don’t Publish or Republish this Online in Any Form.