1. Set the background pattern of the Web page
Format: <body background= "URL" >
Example: <body background= "1.gif" >
2. Insert a picture into a Web page
Format:
Function: Insert a picture into a Web page, single label
3. Properties of tags
Property Name Property Value Description
Path to src URL picture
ALT string to annotate a picture
Width pixels/percent set picture widths
Height pixels/percent Set Picture heights
Border setting of the image border of a number (pixel)
Vspace pixels | Vertical and lower ends and object distance
Hspace Pixel horizontal about two segment and object distance
4. Connect the picture as a hyperlink
Format: <a href= "url" ></a>
When you connect a picture, some browsers display a border, and with the border property, the border is set to 0.
Example: <a href= "#" ></a>
5. Add an icon to your website
<link rel= "shortcut icon" href= "Favicon.ico" type= "Image/x-icon"/>
6. Map Index
Format:
<map name= "image name" id= "image name" >
<area shape= "Select the shape of a chunk" coords= "coordinates" href= "URL" alt= "text description" >
</map>
<map> declares that the entire diagram is connected using a map link.
Name,id refers to the name of this diagram.
<area> indicates that we want to link one of the areas fast
Shape represents the shapes we choose, such as rect rectangle Circle Circle Poly Polygon
Coords represents the coordinate location of the map!!
Example:
<map name= "map" id= "map" >
<area shape= "rect" coords= "9,14,183,52" href= "http://www.baidu.com"/>
<area shape= "rect" coords= "8,61,187,98" href= "http://www.youku.com"/>
<area shape= "rect" coords= "7,106,187,146" href= "#"/>
<area shape= "rect" coords= "2,151,184,190" href= "#"/>
</map>
This article is from the "Raffaele" blog, make sure to keep this source http://raffaele.blog.51cto.com/6508076/1556974
HTML Learning Note 4-images