HTML Course Hindi - Beginner to Pro ( 2023 ) | Chapter 7

Semantic Tags helps both developer and browser to differentiate various section in website. in order mange or read website easily

Block tags take full space in page

Inline elements only takes its required space

Canvas and SVG both are used to draw shaped on HTML Page

SVG → Scalable Vector Graphics

<svg> is a container for SVG graphics.

<svg width="100" height="100">

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

</svg>

<canvas> tag is used to draw graphics, on the fly, via JavaScript.

<canvas> tags is only a container for graphics. You must use JavaScript to actually draw the graphics.

<canvas id="myCanvas" width="200" height="100"></canvas>