Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML - Deep Dive
Important Introduction
About This Course
Telegram Group for This Course
The Course will come soon.
Important Notes Before you Begin
About this Course.
Introduction to HTML
What is HTML and Why? (25:30)
Objective
1. Introduction to HTML
2. Basic Structure of an HTML Document
3. Key Components of an HTML Document
Summary
Quiz
Understanding the Symbiotic Relationship of HTML, CSS, and JavaScript
Relationship of HTML, CSS, and JavaScript (12:39)
Objective
1. Introduction to Web Technologies
2. How HTML, CSS, and JavaScript Work Together
Summary
Quiz
Adding CSS to Our Example (11:33)
Understanding Browsers and How They Render HTML
How Broswer Render HTML - No Javascript (25:07)
How Broswer Render HTML - with Javascript (12:32)
Objective
1. Introduction to Web Browsers
2. How Browsers Render HTML
3. How Browsers Render HTML with JavaScript Involvement
Summary
Quiz
HTML Editors and Development Environment
Download and Setup Visual Studio Code (7:20)
Working with Headings (< h1 > to < h6 >)
Heading Elements (12:11)
Bigger Heading With Custom Color (4:08)
Objectives
1. Introduction to HTML Headings
2. The Six Levels of Headings
3. Best Practices for Using Headings
Summary
Quiz
HTML Paragraph < p >
Paragraphs in HTML (10:49)
Summary
Quiz
HTML Line Breaks < br >
HTML < br > Tag (10:32)
Using Paragraphs is better than < br > why?
Summary
Quiz
HTML < pre > Element
Preformatted Text < pre > (4:41)
Summary
Quiz
HTML Horizontal Rules < hr >
Horizontal Rules < hr > (5:48)
Summary
Quiz
HTML < span > Element
HTML < span > Element (8:32)
Summary
Quiz
HTML < div > Element
HTML < div > Element (14:46)
Summary
Quiz
HTML Comments
HTML Comments
Summary
Quiz
HTML Bold < b > vs Important Text < strong >
Bold < b > vs Important Text < strong > (5:22)
Summary
Quiz
HTML < i > and < em > Elements
HTML < i > and < em > Elements (4:45)
Summary
Quiz
HTML < u >
HTML < u > Element (2:45)
Summary
Quiz
HTML < small > Element
HTML < small > Element (4:49)
Summary
Quiz
HTML < mark > Element
HTML < mark > Element (3:34)
Summary
Quiz
HTML < del > and < ins > Elements
HTML < del > and < ins > Elements (5:06)
Summary
Quiz
HTML < sub > and < sup> Elements
HTML < sub > and < sup> Elements (4:40)
Summary
Quiz
Homework 1 - Practice
Homework 1 and Solution
HTML < img > Tag
HTML < img > Tag (21:56)
Summary
Quiz
How Browsers Deal With Images?
How Browsers Deal With Images? (27:51)
Quiz
Understanding the Lazy Loading in HTML
Lazy Loading in HTML
Quiz
Understanding the Eager and Auto Loading in HTML
Eager and Auto Loading (15:01)
Quiz
Responsive Design and Viewports (Simple Introduction)
Introduction to Responsive Design and Viewports (31:00)
Quiz
srcset Attribute in Image Tag
srcset Attribute (18:27)
Quiz
Recommended Image Formats for Webpages
Recommended Image Formats for Webpages
Quiz
iFrame
What is iFrame? (20:19)
Lazy Loading in iFrame
Quiz
Using the srcdoc Attribute with < iframe > (5:17)
Quiz 2
Hyperlinks
Introduction to the Tag in HTML - Linking to an external site (Absolute Path) (11:34)
Opening a link in a new tab (5:30)
Use an Image as a Link (3:56)
Linking to Relative Page (Relative Path) (9:41)
Linking to an Email Address (5:43)
Linking to a phone number (2:35)
Linking to Document (Download) (2:42)
Book Marks (Internal Links) (6:04)
Iframe - Target for a Link (Small Project) (11:39)
_Target Parent (8:56)
_Target = Top (4:27)
Button as Link (3:45)
HTML Link Colors (4:38)
Quiz
Tracking Links In HTML
ping Attribute in HTML < a > Tags
Quiz
Understanding the rel Attribute in HTML < a > Tags
rel Attribute in HTML < a > Tags (15:58)
Quiz
HTML File Paths
Understanding HTML File Paths
Quiz
HTML Entities
What are HTML Entities? (17:30)
Quiz
URL Encoding
Understanding URL Encoding (9:16)
Quiz
Lists
Unordered HTML Lists < ul > (5:56)
Quiz 1
Ordered HTML Lists < ol > (10:39)
Quiz 2
Description Lists < dl > (4:14)
Quiz 3
Tables
Creating Basic Tables (< table>,< th > < tr>, < td>) (12:09)
Quiz 1
Table Captions (< caption>)
Quiz 2
Table Spanning (rowspan and colspan) (7:49)
Quiz 3
Table Footer (5:06)
Quiz 4
Sematic Elements
Understanding HTML Semantic Elements (22:48)
< header > Element
< footer > Element
< nav > Element
< main > Element
< section > Element
< article > Element
< aside > Element
< mark > Element
< figure > and < figcaption > Elements
< details > and < summary > Elements
< time > Element
Conclusion
Quiz
Semantic Elements Part2 - Blockquotes, Quotes, and Citations
Understanding Blockquotes, Quotes, and Citations in HTML (12:14)
< blockquote > Element
< cite > Element
< q > Element
Conclusion
Semantic Elements Part3 - Specialized Text-Level Semantic Elements in HTML
Specialized Text-Level Semantic Elements in HTML (21:25)
< dfn > - The Definition Element
< abbr > - The Abbreviation Element
< code > - The Code Element
< samp > - The Sample Output Element
< kbd > - The Keyboard Input Element
< var > - The Variable Element
Quiz
< samp > - The Sample Output Element
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock