To do

Read this article: http://www.w3schools.com/html/html_images.asp

 

To do

Aim: Show your own picture in your website.

• Make a folder in your site called images.

• Put in a jpg image file called wow.jpg into the folder images.

 

Type this code into index.html

<img border="0" src="/teach/images/wow.jpg" alt="Wow. You folks are amaaaazing.">

• Open index.html in your browser.

Type  in the following.

<img border="0" src="/teach/images/wow.jpg" alt="Wow. You folks are amaaaazing." width="100" height="100">

 

Open the file in your browser.

 

To do

• Add in another picture. 


This code puts a caption under an image. <figure> <img src="/teach/images-audio-video/cows.jpg" alt="Brown and white cows in a field"> <figcaption>A couple of brown and white cows hanging out in a grass field.</figcaption> </figure>