![]() |
With Image Source We Can Add Photos Or Pictures. |
![]() |
|
|| Tidy Up || Finished || Mixed Up || NATSAM'S SITE || |
|
5th September, 2002 |
A Picture Can Tell A StoryWe now have a SKELETON We have given it COLOR We have given it a BOOK We have given it a BOX=<table> for the HEADING From now on, you clever people, you will only have the word "table" to read, instead of the other names of "books" or "boxes" ! In the list of tags below, only the parts which have been added or changed will be listed. We are going to put in another TABLE to show some pictures, and for a picture or a photo or anything you want to call it, the TAG.... "img" is used. You must also tell the computers WHERE the photo can be found, so the source TAG... "src" is used. It helps to tell the computer the SIZE of the picture so the TAGS... "width" and "height" are used. Some computers dont show pictures, so you must say what is IN the picture, and for this the TAG... "alt" is used. If you want to put a BORDER around the pictures then the TAG... "border" is used. You can decide where the computer must PUT the photo, and for this the TAG.... "align" is used. A picture TAG will look like this:- <img align="left" src="../04album/mich-owen12.jpg" width="140" height="186" border="3" alt="For this photo we have used align=left."> The page with the photos now looks like THIS <html> <body> <center> <table width="500"> <tr> <td> Here you put in all your news and pictures <img align="left" src="../04album/mich-owen12.jpg" width="140" height="186" border="3" alt="For this photo we have used align=left."> </td> </tr> </table> <table width="500"> <tr> <td align="?"> This table is full of pictures, <img src="../04album/mich-owen12.jpg" width="140" height="186" border="3" alt="For this photo the ALIGN TAG is in TD."> so the ALIGN TAG is in TD </td> </tr> </table> </center> </body> </html> .
|
|
|| Tidy Up || Finished || Mixed Up || NATSAM'S SITE || |