Exercise 2 – Insertion of Images
into HTML pages
- Open Notepad and create a Web page called “Images.htm” and save it in your HTML folder. In the <TITLE> tag add “HTML Images”. Be sure to include all the proper opening and closing HTML tags that a Web page requires.
- Inside the opening and closing <BODY> tags insert the following code:
<CENTER>
<IMG
src="patch.gif" height="50" width="50"><B>The
National Council of Corvette Clubs</B><IMG src="patch.gif"
height="50" width="50">
<P
align="left"> The NCCC is a national organization with over 200
individual clubs and 16, 000 members dedicated to the enjoyment of America's
sports car the Chevrolet Corvette.
<P
align="left"> Learn more about the NCCC by clicking on the image
below.
<P>
<A href=http://www.corvettesnccc.org
target="_blank"><IMG src="patch.gif"
height="250" width="250" alt="Go to NCCC Web
site"></A>
</CENTER>
Make sure you save your file
periodically as you put in your code to make sure all your code is saved. You will also need to make sure the file has
been saved before displaying it in a browser.
- Open the file in Internet Explorer. (Do not close Internet Explorer after you view the file.) The file should look like this:
- If the file does not display correctly, go back to your Notepad file and check that all code has been properly typed. Make any corrections you find. After making corrections, resave the file and go back and refresh your browser by either clicking on the “refresh” icon or going to View – Refresh in the menu bar. Keep repeating this process until your page displays properly in Internet explorer.
0 comments:
Post a Comment