Inserting images into your webpage
Have a look at the code below it adds images to the webpage. Notice the comments in the code describing what a specific section of code does.
Try it out for yourself!
Examine the HTML code below. Cut and paste (Ctrl c + Ctrl v) the following HTML code into the form window below and press the check it out button to see the resulting webpage.
<html>
<head>
<title>Edgar Degas</title>
</head>
<body>
<h2 align=center><font face="Arial, Helvetica, sans-serif" size="5">Introduction to Impressionist Artists</h2>
<p align="left"><img src="Images/html/monet1.jpg" width="197" height="188" alt="Monet - The Port at Argenteui">
<!--Insert Images of different impressionist paitings-->
<img src="Images/html/degas9.jpg" width="182" height="187" alt="Degas - Before the Performance">
<img src="Images/html/cezanne6.jpg" width="191" height="186" alt="Cezanne - Still Life with Pears">
<img src="Images/html/vangogh7.jpg" width="181" height="187" alt="Van Gough - Self-Portrait with a Straw">
<img src="Images/html/renoir8.jpg" width="186" height="188" alt="Renoir - Woman Playing a Guitar">
</body>
</html>Creating your own webpage
Follow these simple steps to create your own HTML document and to view your created webpage in your browser.
