8.HTML embedded Elements

Eighth Chapter Embedding Learning

One

1. embed Image:

(1) , alt alternate content displayed when the picture is not loaded;

(2) , width defines the length of the picture (in pixels);

(3) , Height defines the height of the picture (in pixels);

(4) , ismap Create server-side partition response diagram;

(5) , Usemap Associate <map> elements;

example One,<a href= "index.html" >// have ismap when added;

landscape picture " width= "339" height= "229" ismap>// Picture loading error, you can display the following font.

</a>

example Two,landscape picture " width= "339" height= "229" usemap= "#Map" >

<map name= "Map" >

<area shape= "rect" coords= "51,55,138,136" href= "http://www.baidu.com" target= "_blank" alt= " Baidu " >

<area shape= "Circle" coords= "234,80,36" href= "http://www.haosou.com" target= "_blank" alt= " Good search " >

</map>

should be difficult for code to coordinate, so in the document right click Open mode click "DW Application", click on the picture, the lower left corner has a square, circle, triangle, you can

enter the linked site in the decentralized link after the area is zoned in the picture.

2.<map> create partition response diagram: (explained above)

3.<iframe> embed another document:

   4 <embed> Embed plugin content:

   5 <object> and <param> element: <OBJECT> <EMBED> object is html4 embed is HTML5 object flash

other content. Because pictures, audio, video, plugins have corresponding elements to replace, here do not explain more.

6.<progress> Show Progress: A progress bar is displayed.

7 . Values in the <meter> display range: Displays values within a range.

It contains the min and max representation ranges, Low means less than his value , and high indicates that the value is greater than his. Optimum represents the best value, but the effect doesn't change. (IE Browser not supported)

<progress value= "max=" >

<meter value= "" "min=" "max=" low= "" "hight=" "optimum=" ></meter>

value input is less than or greater than , the progress bar is yellow, in the range is green, the best value is green, no change.

IE9 and the following versions do not support The operation of 6,7 elements.

Firefox does not support the display of alternate content after a picture fails to load.

8.HTML embedded Elements