The purpose of this lab is to continue the use of basic HTML elements, including hyperlinks and images. Upon the completion of this lab you will be able to add images to your page, wrap text around those images, and include hyperlinks.
LAB 2
|
Create a document using the basic HTML template we discussed in class. Make sure you include the following tags: <html> <head> <title> <body>, as well as the matching closing tags. Include your name, the lab number, and the date within comment tags: <!-- -->. Download 3 of the pictures from below (Right Click ... Save Picture As ...). Write a paragraph of text for each of the three images, telling a story about what's happening in the picture. Be creative. Align one image to the "left", another to the "right", and align the third to whichever side you want (Hint: align="value") . Add space with the attributes vspace and hspace. Include the following attributes in your <img> tag: width, height, border, and alt. Now add three hyperlinks to your page: the first must be a link from a word or phrase, the second a link from one of your images, and the third a "mailto:" link to your email address. For extra credit, create a link from the bottom of the page back to the top using an anchor. Use other tags and attributes we've discussed thus far. If you don't like any of these images, feel free to include three of your own: |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
If you are interested in downloading quality JPG images, go to PhotoDisc®Register the first time you are there, then sign in on subsequent visits. You can download images for no charge, as long as you do not use them illegally on your web site.