HTML page Insert Image

One, the image format supported on the Web:

GIF: Can save 256 colors, support transparent color, support animation effect
JPEG: Transparent colors and animations are not supported, up to 1670 colors
PNG: Supports transparent color, does not support animation, there are several colors to 1670 kinds of

Second, insert the picture into the Web page using the Tag:

SRC: Set picture, value equal to the path of a picture file
Height: Sets the height of the picture, and the value is expressed in pixels or percentages (automatically scaled proportionally)
Width: Sets the width of the picture, and the value is expressed in pixels or percentages
Border: Add a border to a picture
alt: Picture description text that displays the value of the property when it is not displayed
Title: This property indicates that the value of the property is displayed when the mouse is placed over the picture
Align: attribute value =left picture left, text on right
Right picture, text on left
Top text vertically on top
Middle text vertically Centered
Bottom text vertically (default)
Vspace: Attribute values are pixels, which define white space at the top and bottom of the picture
Hspace: attribute value is pixel, defines white space on left and right side of picture

 <  img  SRC    height  =" "  width  =" + "  border  = "  Alt    title    hspace  = "  vspace  = " 

 <P>   <!--Picture and text mixed row -   <imgsrc=".. /.. /.. /Material Library/001.jpg "Height= "+"width= "$"Align= "Left"/>11, the examination is good, all depend on the deskmate. </P>   <P>12, in school is that money to goof around, now is to take the day mixed with money!</P>   <P>13, some people, always betray all his, in exchange for what he did not.</P>   <P>14, self-love, will first selfish, only selfish, can be great.</P>     <P>15, Guinness Record: The world's largest coffee table area of 9.6 million square kilometers, can be placed 1.3 billion cups.</P>   <P>16, break up more boring, have the ability to play divorce!</P>   <P>17, take the road of the yuan, let the people have no way to go!</P>   <P>18, Sanlu milk powder, stepmother's choice.</P>   <P>19, one day small three cry, because appeared a small four!</P>   <P>20, and you break up, because, you even hold hands are not worthy!</P>   <P>21, do not put pose in front of me, I really fear can't help but want to fall camera.</P>   <P>22, we are just passers-by, in this colorful collective game. No matter you lose I win, in the end we'll all be together game over!</P>   <P>23, I have done wrong two things in this life, one is born, the other is to live.</P>   <P>24, if I die, my first words are: I finally do not fear ghosts.</P>   <P>25, elder brother is civilized, all dirty words have been used saliva disinfection.</P>   <P>26, famous, you have to first famous people that is famous, the fart of others is the name of fart! Can you compare it?</P>

 <!--  use images as hyperlinks Using images to make a hyperlink image will automatically add a light blue border after clicking on the hyperlink will turn to a purple border you can use the border attribute in the IMG tag to remove the  -->  <  a  href  = "#"  ><  img  src    border  = "0"   Alt  = "Beijing-Tianjin-Hebei"  /></ a  

Third, HTML map index:

Map index, that is, a part of the image as a hyperlink, you can do a lot of hyperlinks (using Design view can be done)

 <!--format: <map name= "image name" id= "image name" > <area shape= "select chunk shape" 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 are going to link one of the areas fast shape represents the shape of our choice, such as: Rect rectangle circle Circle Poly Polygon Coords represents the coordinate location of the map!!  -    <imgsrc=".. /.. /.. /Material Library/42a98226cffc1e173ec6f5894b90f603738de909.jpg "alt= "MM"width= "$"Height= "+"hspace= " the"Border= "0"Align= "Left"Usemap= "#Map"title= "MM"/>    <Mapname= "Map"ID= "Map">      < AreaShape= "Rect"coords= "39,99,76,137"href="#"alt= "Hit You Oh"/>      < AreaShape= "Circle"coords= "94,200,17"href="#"alt= "very big"/>      < AreaShape= "Poly"coords= "87,50,119,50,121,70,91,67"href="#"alt= "My Eyes" />    </Map>

Add an icon for a Web page: <link rel= "shortcut icon" href= "File path name" ico "type=" Image/x-icon "> placed in