HTML Day 3

Absolute Paths mean that an image linked to a website must be accurate. Some website have missing image symbols because the picture is no longer available via a different website or in the folder where it used to reside.

<img src="lily.jpg" height ="225" width="169" alt="picture of a lily boarder="0" />

"src"
- indicates the location of the image

"height"
- defines how tall the image is in pixels

"width"
- defines how wide the image is in pixels

"border"
- thickness of border around image in pixels
- border="0" turns off border entirely
- it's a good idea to use a border size because if the image is no longer accessible by the system, then the border will still appear letting visitors to the site know that there was supposed to be an image there.

"alt"
- alternative text to display (instead of image)
- this allows the user to have a correctly loaded page in case they have turned off images in their browser

dots indicate how many folders to get into
* Use a good description of the image, name of product so it's easier to idenfity
*Always lower case file names or hyphens so the browser can recognize the folder.

<img src=".../../lily.jpg" height ="225" width="169" alt="picture of a lily boarder="0" />
so it's ../comp300

__________________________________________________________

GIF Files: produce best results when the image is under 256 colors. They support transparency and support animation.
JPEG Images: produce best results for photographs and have huge compression ratios.

__________________________________________________________

Links!
<a href="http://www.yahoo.com">Yahoo</a>

Link colors are important so people can keep track of what they've visited.
A link appears blue.
Once a site is visited, the link turns purple.
Active state is red. The font is standard, Times New Roman size 12 font.