📊 Your Progress
0
Completed
50
Total
0% Complete
🌐 HTML Progress
0 of 25 lessons
⚡ PHP Progress
0 of 25 lessons
📚 Lesson List
-
HTML Basics: Document Structure10 pts
-
HTML: Headings and Text Formatting15 pts
-
HTML: Links and Navigation15 pts
-
HTML: Images and Media20 pts
-
HTML: Lists and Organization20 pts
-
HTML: Tables and Data25 pts
-
HTML: Forms and Input Elements30 pts
-
HTML: Semantic Elements25 pts
-
HTML: Multimedia and Embedding30 pts
-
HTML: Meta Tags and SEO20 pts
-
HTML: Accessibility Best Practices25 pts
-
HTML: Data Attributes and Custom Elements30 pts
-
HTML: Responsive Images with srcset25 pts
-
HTML: SVG Graphics30 pts
-
HTML: Canvas for Dynamic Graphics35 pts
-
HTML: Web Storage APIs25 pts
-
HTML: Geolocation API30 pts
-
HTML: Drag and Drop API35 pts
-
HTML: Web Workers for Multithreading30 pts
-
HTML: Web Sockets for Real-Time Communication35 pts
-
HTML: Web Components - Custom Elements30 pts
-
HTML: Web Components - Shadow DOM30 pts
-
HTML: Web Components - Templates and Slots30 pts
-
HTML: Progressive Web App (PWA) Basics35 pts
-
HTML: Advanced Form Validation30 pts
-
PHP Basics: Syntax and Variables15 pts
-
PHP: Operators and Expressions20 pts
-
PHP: Conditional Statements25 pts
-
PHP: Loops and Iteration30 pts
-
PHP: Functions and Scope35 pts
-
PHP: Arrays and Array Functions30 pts
-
PHP: String Manipulation25 pts
-
PHP: Form Processing and Validation35 pts
-
PHP: File Operations30 pts
-
PHP: Object-Oriented Programming Basics40 pts
-
PHP: Advanced OOP - Interfaces and Abstract Classes40 pts
-
PHP: Error Handling and Exceptions35 pts
-
PHP: Working with Databases - PDO45 pts
-
PHP: Working with Databases - MySQLi40 pts
-
PHP: Sessions and Cookies40 pts
-
PHP: Security Best Practices45 pts
-
PHP: Working with JSON and APIs40 pts
-
PHP: Composer and Dependency Management35 pts
-
PHP: Namespaces and Autoloading35 pts
-
PHP: RESTful API Development45 pts
-
PHP: Working with Dates and Times35 pts
-
PHP: Regular Expressions40 pts
-
PHP: Caching Strategies40 pts
-
PHP: Command-Line Interface (CLI)40 pts
-
PHP: Testing with PHPUnit45 pts
HTML Basics: Document Structure
Lesson 1 of 50HTML (HyperText Markup Language) is the foundation of web development. Every HTML document follows a specific structure with DOCTYPE declaration, html element, head section for metadata, and body section for visible content. The DOCTYPE tells the browser which version of HTML to use.
💡 Examples:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Webpage</title>
</head>
<body>
<h1>Welcome to HTML!</h1>
<p>This is my first paragraph.</p>
</body>
</html>
🎯 Your Challenge:
Create a complete HTML5 document with proper structure, title, and at least one heading and paragraph.
🏆 10 Points Reward
⚡ Practice Arena +5 bonus points
Build an HTML page with proper DOCTYPE, html, head, body, and include h1 and p elements.