Element, Tag and Attribute in HTML

This lesson will help you understand the Web page building blocks like Element, tag and attribute.

Quick Hands-on

<br /> See the Pen <a href="https://codepen.io/c2edev/pen/abMZKWz"><br /> HTML Basics – element, tag and attribute</a> by Code To Earn(c2e) (<a href="https://codepen.io/c2edev">@c2edev</a>)<br /> on <a href="https://codepen.io">CodePen</a>.

Lecture Slides

Points to Remember

<html> tag is the root element and defines the whole HTML document.
HTML tags can be nested i.e tags can contain other tags.
HTML tag is Not Case Sensitive i.e <P> means the same as <p>.
Never skip the closing tag else one will get unexpected results.
HTML tags with no content and closing tags are called Empty Tags Eg: <br>, <hr>, <img>, <input>, <meta> etc
Other commonly used tags are: <div>, <p>, <a>, <ol>, <li>, <footer>, <header>, <nav>, <section>, <pre>, <code>, <form>, <em>, <strong> etc.