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
Quiz
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
Multimedia - Video / Audio
Understanding the HTML < video > Tag (7:53)
Quiz 1
Understanding the HTML < audio > Tag (3:25)
Quiz 2
Comprehensive Form Creation in HTML
Form Creation in HTML (16:01)
Quiz
Understanding the method Attribute in HTML Forms
Method Attribute in HTML Forms (9:53)
Quiz
Validation Techniques in HTML Forms
Validation Techniques in HTML Forms (9:24)
Quiz
Understanding the enctype Attribute in HTML Forms
The enctype Attribute in HTML Forms (5:15)
Quiz
Introduction to the HTML < canvas > Element
A Guide to Dynamic Graphics in HTML (10:41)
Quiz
Introduction to SVG Graphics in HTML
Exploring SVG Graphics: Scalable Vector Graphics in Web Design (8:56)
Quiz
Inline Images Using Base64 Encoding
Inline Images Using Base64 Encoding
Example Online Tools
Quiz
Introduction to HTML < map > Element
Navigating HTML Image Maps (8:34)
Quiz
Introduction to the HTML < picture > Element
Enhancing Responsive Web Design with the < picture > Element (4:28)
Quiz
Mastering the < head > HTML Element
Mastering the < head > HTML Element (6:19)
Quiz 1
Favicons: Implementing and Managing Favicons in HTML (6:39)
Quiz 2
The Power of Meta Tags in HTML
The Power of Meta Tags in HTML
Core Document Metadata in HTML (10:02)
HTTP-Equiv Meta Tags in HTML (13:26)
SEO & Crawler Directives Using Meta Tags (8:08)
Social Media Meta Tags (8:58)
Plug-ins
Understanding the < embed > Element in HTML (4:00)
Quiz 1
The < object > Element (3:50)
Quiz 2
Misc (self Reading)
HTML < meter > Tag
< link rel="preload" >
Understanding HTML vs XHTML
Conclusion
End of Course
End of Course
ارجو ممن انهى هذا الكورس ان يضع راية بتعليق على هذا الفيديو
https://youtu.be/UKCSS0Va9CM?si=VtHtypdK1GNSFI2Y
Complete and Continue
Discussion
14
comments
Load more
14 comments