Media elements

tag: videoTag; Allows attributes like height,width etc; The source can be from anywhere like a URL as well .
autoplay: play on page load
loop: loops the video
poster: acts as a thumbnail , need to specify the src
mute: the video stays muted on defaultM

Check the Lazy load tag / attribute , a friend of mine said it loads the elements not when the pages is loaded but when the viewer views it !

tag: Allows almost all attributes as video tag
preload: Specifies how the element needs to be loaded on page load
Could reduce buffer; none only downloads when the elements is loaded manually; Metadata Only loads the metadata; Auto tries to load as much as possible without delaying other important document content

tag: Can be used as an individual element with height and width for vector graphic images; Its a paired tag and can have inner tags for shapes like circle , square etc; if you have an SVG file and show it using the img tag
Use the name space declaration <img xmlns="http://www.w3.org/2000/svg">; You might want to use this above specified namespace declaration for svg tag as well sometimes; This is because the html file needs to specify to the browser the Type of media that is to be displayed as an XML convention

The above 3 are all inline tags

tag: is used to embed an entire page in a particular space; it is a paired tag

Semantics

This is very self-explainatory , so I will just link to it.

Next