SVG file can be through the following tags embedded in an HTML document: <Embed> , <Object> Or <Iframe> .

  code is as follows:  


<Embed SRC="http://www.script-home.com//html5/rect.svg" width="300" height="100"
type="image/SVG + XML"
pluginspage="http://www.adobe.com/svg/viewer/install/"/>

pluginspage attribute points to download the plug-in URL.

  code is as follows:  


<The object data="http://www.script-home.com//html5/rect.svg" width="300" height="100"
type="image/SVG + XML"
the codebase="http://www.adobe.com/svg/viewer/install/"/>
<Iframe SRC="http://www.script-home.com//html5/rect.svg" width="300" height="100" >
</iframe>

in this three <Iframe> It is early, now with more less. With the more or <Embed> The label.
at the same time, we can also be SVG directly into HTML file:
so need to the introduction of SVG DTD file:

  code is as follows:  


<? The XML version="1.0" standalone="no"? >
<! DOCTYPE SVG PUBLIC "-///DTD/W3C SVG 1.1//EN", "
" http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd ">

again in <Svg> Label need fill in the code:

  code is as follows:  


<SVG width="100%" height="100%" version="1.1"
XMLNS="http://www.w3.org/2000/svg" >
<The ellipse cx="240" cy="100" rx="220" ry="30"
style="the fill: yellow/>"
<The ellipse cx="220" cy="100" rx="190" ry="20" id="w1"
style="the fill: white/>"
</svg>

if the SVG code in HTML, we are more easy to write javascript to control the graphic transformation:

  code is as follows:  


<The script type="text/javascript" >
function CCC () {
var a=document. The getElementById (" w1 ");
a.s tyle. The fill="red";
a.s etAttribute (" cx ", "150");//set the value
a.s etAttribute (" ry ", "50");//set the value
}
</script>

here are some predefined shape SVG elements:
rectangle <Rect>
round <Circle>
oval <Ellipse>
line <Line>
line <Polyline>
poly <Polygon>
path <Path>

# 0 - #


This concludes the body part