THE COMPLETE HTML & CSS COURSE

Learn the fundamentals of HTML and CSS

Instructor: Mohamed irfan and Mohamed salman
Duration: 5 hours
Language: English
Rating: 4.5 (125 reviews)
THE COMPLETE HTML & CSS COURSE
₹59
20 lectures of video content
Downloadable resources
Certificate of completion
Real-world internship opportunity
Full lifetime access

Course Content

Introduction to HTML
  • What is HTML and its role in web development 2 mins
  • Creating your first HTML page 5.00
  • Setting up VS Code and Live Server 2.00
  • Creating your first HTML page 3.00
HTML Document Structure
  • HTML Boilerplate structure explained 2.00
  • Understanding <html>, <head>, <body> 2.20
  • Title, meta tags, charset, and language setup 3.20
  • Using comments properly 1.00
Text Content and Formatting
  • Headings and paragraphs (<h1> to <h6>, <p>) 1.35
  • Emphasizing text: <strong>, <em>, <u>, <mark> 1.40
  • Line breaks and horizontal rules (<br>, <hr>) 1.00
  • Semantic inline tags: <code>, <blockquote>, <abbr>, <q> 1.30
Lists in HTML
  • Ordered and unordered lists (<ol>, <ul>) 1.40
  • Description lists (<dl>, <dt>, <dd>) 1.20
  • Nesting lists 1.00
Hyperlinks and Navigation
  • Anchor tag basics and external links 0.50
  • Internal links and page anchors 1.05
  • Email and phone links 0.43
  • Opening links in new tabs 0.50
Images and Media
  • Adding images: src, alt, width, height 0.50
  • Responsive images and accessibility tips 1.27
  • Embedding audio and video 1.27
  • Using <iframe> for YouTube and maps 2.06
Tables in HTML
  • Basic table structure: <table>, <tr>, <td> 2.44
  • Table headers: <th>, <thead>, <tfoot>, <tbody> 7.00
  • Cell merging: colspan, rowspan 2.10
  • Accessibility tips and table captions 3.00
Forms in HTML
  • Creating a form and using the action and method attributes 4.12
  • Radio buttons and checkboxes 3.10
  • Dropdowns and multiselect 3.47
  • Input types: text, emai, number, password 2.43
  • Textareas and buttons 2.00
Semantic HTML5 Tags
  • Overview of semantic HTML 3.00
  • Stuctural elements 3.17
  • Organizing content with <article>,<section>, <aside> 4.17
Block vs Inline Elements
  • Concepts and differences 2.40
  • Examples 2.27
Mini Project: Personal Resume Page
  • Planning layout with semantic tags 4.04
  • Code Implementation 6.00
  • Summary of Learnings 2.30
CSS Introduction & Selectors
  • Introduction & what is CSS ? 3:32
  • Adding CSS to HTML 7:51
  • CSS SELECTORS 8:48
  • CSS text styling property 12:46
Box Model, Layout & Flexbox in CSS
  • CSS box model 12:36
  • CSS display property 10:09
  • CSS positioning properties 11:40
  • CSS flexbox 7:10
Responsive Design
  • Responsive design in CSS 5:45
Mini Project: Personal Resume Page(CSS)
  • Mini Project : Personal Resume Page(continuation) 13:32

What You'll Learn

Requirements