How do you write it in HTML?
⇥ <img>
⇥ <img />
⇥ <img></img>
Which one should you use?
⇩
⇥ <img>
⇥ <img />
⇥ <img></img>
Which one should you use?
⇩
➊ Element Structure in HTML
⮑ Start Tag
Example: <div>
⮑ Content
Anything that's put between start and end tag
⮑ End Tag
Example: </div>
⮑ Start Tag
Example: <div>
⮑ Content
Anything that's put between start and end tag
⮑ End Tag
Example: </div>
➋ Self Closing Tags
⬔ If you put a "/" before closing of the start tag, it's called a "Self Closing Tag".
Example: <img />
⬕ For a self closing tag, there won't be any content and, end tag.
Example: <img />abc</img> ✘
⬔ If you put a "/" before closing of the start tag, it's called a "Self Closing Tag".
Example: <img />
⬕ For a self closing tag, there won't be any content and, end tag.
Example: <img />abc</img> ✘
➌ Void Elements
⬒ As per HTML standards, self closing tags are allowed only for "Void Elements".
⬔ So, void elements are the elements which contains only a start tag. There won't be any content and, an end tag.
⬓ The "start tag" may optionally be a "self closing tag".
⬒ As per HTML standards, self closing tags are allowed only for "Void Elements".
⬔ So, void elements are the elements which contains only a start tag. There won't be any content and, an end tag.
⬓ The "start tag" may optionally be a "self closing tag".
➍ List of all Void Elements
⇥ area
⇥ base
⇥ br
⇥ col
⇥ command
⇥ embed
⇥ hr
⇥ img
⇥ input
⇥ keygen
⇥ link
⇥ meta
⇥ param
⇥ source
⇥ track
⇥ wbr
⇥ area
⇥ base
⇥ br
⇥ col
⇥ command
⇥ embed
⇥ hr
⇥ img
⇥ input
⇥ keygen
⇥ link
⇥ meta
⇥ param
⇥ source
⇥ track
⇥ wbr
➎ Let's summarize
For "Void Elements"
✓ <img>
✓ <img />
✘ <img></img>
For "Non-void Elements"
✘ <div />
For "Void Elements"
✓ <img>
✓ <img />
✘ <img></img>
For "Non-void Elements"
✘ <div />
• • •
Missing some Tweet in this thread? You can try to
force a refresh
