HTML

Introduction to HTML
What is HTML
Structure of an HTML Document
Importance of Doctype
Tags
Elements
Attributes
Example with Tags, Elements, and Attributes
Understanding the head and body Tags in HTML
The Head Tag
The Body Tag
HTML Text Fundamentals
Text Formatting Tags
Paragraphs
Strong Emphasis
Emphasis
Nuances of White Space in HTML
Convention of Using Lowercase for Tags
Working with Lists and Links in HTML
Creating Ordered and Unordered Lists
Ordered Lists
Unordered Lists
Creation of Hyperlinks Using the <a> Tag
Creating Internal Links
Creating External Links
Adding Images and Media in HTML
Embedding Images Using the <img> Tag
Embedding Videos and Audio
Video
Audio
Responsive Media Using HTML5
Working code for embedding images, videos, and audio
HTML Forms and Input Types
Overview
Creating Forms with the <form> Tag
Importance of the <label> Tag for Accessibility
Working code for HTML Forms and Input Types
Tables in HTML
Tables in HTML Overview
Creating and Structuring Tables
Importance of Table Accessibility
Styling Options
Working code for Tables in HTML
Semantic HTML
Semantic HTML Overview
Importance of Semantic HTML
Header Tag
Nav Tag
Article Tag
Section Tag
Footer Tag
Example of a Semantic HTML Layout
Advanced HTML Attributes
Advanced HTML Attributes Overview
The id Attribute
The class Attribute
The style Attribute
Custom data Attributes
Complete working code for Advanced HTML Attributes
HTML Document Head
HTML Document Head Overview
Title Tag
Meta Tags
Link Tag
Script Tag
Working Code Sample
Building a Simple Webpage Using HTML
Project
Project Overview
Key Takeaways
Course Summary

Structure of an HTML Document

Beginner 5 Hours

The commencement of an HTML document includes a declaration that specifies the version of HTML in which the page is composed. Subsequently, the document is divided into two segments; the head and the body. The <head> section contains metadata and references to scripts and stylesheets while the <body> section houses the content for users, on the page.

Example HTML Document:

<!DOCTYPE html>
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a sample HTML page.</p>
</body>
</html>