HTML-learning IMPORTANT

---

In this article, we will know HTML SVG Basics, & their implementation through examples. SVG stands for Scalable Vector Graphics. It basically defines vector-based graphics in XML format. SVG graphics do NOT lose any quality if they are zoomed or resized. Every element and every attribute in SVG files can be animated.

Advantages of SVG: Advantages of using SVG over other image formats (like JPEG and GIF) are: SVG images can be created and edited with any text editor. SVG images can be searched, indexed, scripted, and compressed. SVG images are scalable. SVG images can be printed with high quality at any resolution.

---

@ DIFFERENCE OF CANVAS AND SVG TAG SVG is a language for describing 2D graphics in XML whereas Canvas draws 2D graphics, on the fly with JavaScript. If attributes of an SVG object are changed, the browser can automatically re-render the shape whereas Canvas is rendered pixel by pixel. In canvas, once the graphic is drawn, it is forgotten by the browser. SVG is resolution independent whereas CANVAS is resolution-dependent. SVG supports event handlers whereas CANVAS doesn’t have support for event handlers.

---

AUDIO TAG The tag is used to add audio content within the HTML code such as songs, audio clips, etc. Basically, the tag supports three audio formats, mp3/Ogg/WAV To include the audio file within the HTML document we need to add the tag with the src attribute to provide the file path and the controls attribute which displays controls such as the pause and play buttons. ** Syntax for tag **

THE SOURCE TAG : We can also include one audio file in multiple audio formats using the tag. The tag is added inside the opening and closing tag. If we want to add multiple sources for an audio file, then we can use multiple tags with the tag. In the tag, we can provide the URL of the audio file using the src attribute of the tag inside the tag. To provide multiple audio files, we can add multiple tags and the browser will choose the most suitable audio file among all. The tag doesn't require any closing tag.

For example: The type attribute::: In the tag, we can also use the type attribute to provide the type of audio file. The types can be:

audio/mp3 ,, audio/wav,, audio/ogg HTML tag attributes: controls: This attribute requires no value autoplay: This attribute requires value - true/false loop, etc. By using the tag, we can include an audio file in the HTML document without adding any third-party plug-ins like flash player, etc.

---

VIDEO TAG : The HTML

---

XHTML

Extensible Hypertext Markup Language

1. this makes the website more stylish and easy to reuse.
2. it helps to make more advanced web project , this also helps to nake self-created makeups like svg.
3. this easily be converted into PDF, RSS, RFT.
4. This also reduce the loading time .
5. this contain closing tags which is beginner friendly.

Rules of the XHTML

a. all tags must be lower case.

b. all tags must be closed.

c. atreibutes nyst be added properly.

d. cant be changed.

e. must be in nested tag.