- Introduction
- HTML Document
- Basic Structure
- Comments
- Elements
- Document Structure Elements
- Metadata Elements
- Sections and Layout Elements
- Headings
- Text Content Elements
- Inline Text Semantic Elements
- Media Elements
- Form Elements
- Table Elements
- Interactive Elements
- Scripting / Template Elements
- Edit Elements
- Semantic, Void and Nested Elements
- Block-level and Inline Elements
- Semantic vs. Non-Semantic Elements
- Attributes
- Favicon
- Colors
- File Paths
- URL (Uniform Resource Locator)
- Responsive Web Design
HTML Document
Learn how HTML uses tags and attributes to structure web pages, including paired vs empty tags and the roles of the HEAD and BODY sections.
Loading...
HTML uses predefined tags and attributes to tell the browser how the content (for example, in which layout, font size, colors, images, and videos) should be displayed. HTML is a case-insensitive language which means there is no difference in upper case and lower case, i.e., 'B' and 'b' are considered the same.
There are generally two types of tags in HTML:
- Paired Tags: These tags come in pairs. That is, they have both opening (
< >) and closing (</ >) tags. - Empty Tags: These tags do not require to be closed.
An HTML Document is predominantly divided into two parts:
- HEAD: This part consists of the information about the HTML document i.e., title of the page, character set, version of HTML, styles, scripts, and other meta information.
- BODY: This part consists of everything that you want to display on the Web Page.