246996016-HTML5-Step-by-Step

Key Points 161
Key Points
●
●
●
●
●
●
●
●
●
●
●
Valid graphics formats for Web use are GIF, PNG, and JPG.
When possible, use graphics files that are as close as possible in resolution to the
size at which they will be displayed on the Web page. Use a photo-editing program
to change the resolution.
Use the tag to insert an image. The src attribute specifies the image file
name.
To refer to a graphic in a subfolder, precede the name with the subfolder name and
a slash (/).
To allow a graphic to float to the left or right of the text, use a style ”float: left” or
style ”float: right” attribute within the tag.
To force text to be positioned below an image, add style ”clear: left” or style ”clear:
right” to the opening tag of the text.
To size an image proportionally, specify a height or width for it as an attribute in
the tag. To size an image and distort it if needed, specify both a height and
a width.
To make a graphic into a hyperlink, enclose it in an tag.
To use thumbnail images, create a smaller, low-resolution version of each image,
and then hyperlink it to the high-resolution version.
As a contingency in the event that an image cannot be viewed, you can include
a text explanation of the image in a pop-up box by inserting an alt attribute to
specify alternate text.
Enclose an image, or a group of images that should have a single collective caption,
in a two-sided container. This allows you to then assign a caption with the
tag.