In this section we use SVG to create graphic designs .
The HTML SVG is an acronym which stands for Scalable Vector Graphics. HTML SVG is a modularized language which is used to describe graphics. The <svg> element contains graphics. SVG is resolution independent.
<!-- Rectangle Shape -->
<!DOCTYPE html>
<html>
<body>
<svg width="500" height="200">
<rect width="500" height="200" style="fill:rgb(255,0,255);stroke-
width:10;stroke:rgb(0,0,0)" />
</svg>
</body>
</html>
<!-- Circle Shape -->
<!DOCTYPE html>
<html>
<body>
<svg height="100" width="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
</body>
</html>
