Part 1; CSS and placing images on the page: The following files are located in the /tools/ directory on the server: c_clamps.jpg chisels.jpg crescent_wrench.jpg hedge_clippers.jpg hoe.jpg monkey_wrench.jpg pitchfork.jpg planer.jpg pliers.jpg saw.jpg spanners.jpg tree_trimmer.jpg You would refer to one of these files as follows:
c_clamps.jpg chisels.jpg crescent_wrench.jpg hedge_clippers.jpg hoe.jpg monkey_wrench.jpg pitchfork.jpg planer.jpg pliers.jpg saw.jpg spanners.jpg tree_trimmer.jpg
(Of course, you also need to supply the other attributes of the element.) Create in your public_html directory a page called l2p1.html and place three of these pictures on it.
The first and last should be against the left margin. The middle one should be against the right margin. Use CSS (only) to position your pictures.
You can use the clear style property to "push down" an entry until the margin is clear. For example,
will force a paragraph downward on the page until the margin at the right is clear. Similarly,
will force the paragraph downward until the the left margin is clear. Do not forget about the float property for images.
Be sure to determine the intrinsic ("natural") size of the images and include all the required attributes for your ![]()
tag.
Each picture should have a one- or two-sentence text description such as you would find in a catalog. Name your file l2p1.html.
Make a link the clickable portion of which is "Lab Exercise 2, Part 1" from your index page to this page.
Note: you cannot access the /tools/ directory using SSH or SFTP. That's OK. Just write your HTML like the example and it'll work.