Answer 1

XML is like the parent language of HTML. You can create tags in it called like you want it and define their behavior. SVG is therefor like the sister of HTML. It is also an XML-derivative. There are some ways to include this kind of objects in HTML:

old way to do:

<object data="../SVG/yourFile.svg" type="image/svg+xml" class="svg" >
<param name="src" value="SVG/yourFile.svg"/>
Your browser can't show this svg :-(. </object>

Now in HTML5 SVG is part HTML, so you can put direct into your HTML-Code like:

<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

Good Luck!
Greetings Axel