In this lecture, we will discuss…

Anatomy of an
HTML Tag
 Anatomy of an HTML tag
content  
Element  name  

<p> </p>
Opening  tag   Closing  tag  
 Anatomy of an HTML tag

Line  Break   Horizontal  Rule  

<br> <hr>
Only  opening  tag   Only  opening  tag  
 Anatomy of an HTML tag
No  space  allowed   Must  have  space   No  space  allowed  

<p id="myId"></p>
A;ribute   A;ribute  
name   value  
 Anatomy of an HTML tag
Value  in  quotes  

<p id="myId"></p>
 Anatomy of an HTML tag
Double  or  single  

<p id='myId'></p>
 Anatomy of an HTML tag

Outer  double  quotes  

<p onclick="alert('hi')"></p>

Inner  single  
quotes  
 Anatomy of an HTML tag

<p/> <p></p>
✘︎   ✔︎  
 Summary
²  Anatomy of an HTML tag
•  Opening and closing tag
•  Attributes
•  Using double and single quotes
•  How to specify tag without any content

NEXT:
Basic HTML Document Structure