Savvy Axis Logo SAY
XISS

Course Details

  1. Home
  2. Course

HTML Programming Course for Intermediate Learners

Take your HTML skills to the next level! This intermediate course will guide you through advanced HTML elements, multimedia integration, and responsive design principles.

5.0 Rating Intermediate Course 8 Weeks

About this Course

This intermediate HTML course builds on the basics, introducing you to advanced concepts like forms, multimedia elements, and responsive design. By the end, you'll be able to create dynamic, accessible, and fully responsive webpages suitable for all devices, enhancing your web development capabilities.

Course Objective

To deepen your understanding of HTML, enabling you to work with complex layouts, multimedia elements, and responsive design techniques.

Skills you'll gain

Advanced HTML Tags & Forms Implement Multimedia & SVGs Create Responsive Web Designs

Syllabus

  • Introduction to HTML and Structure
  • Text and Headings
  • Links and Images
  • Lists (Ordered & Unordered)
  • Tables and Basic Table Styling
Practice Task: Create a basic HTML document including headings, paragraphs, links, images, lists, and a table.

  • Forms Part 1 - Basic Inputs
  • Forms Part 2 - Additional Inputs and Fieldsets
  • Semantic HTML Tags
  • Media Embedding (Video & Audio)
  • HTML5 Structural Elements
Practice Task: Create a form with different input types and design a simple webpage using semantic HTML and media elements.

  • Forms Part 3 - Dropdowns and Validation
  • HTML Attributes and Entities
  • Accessibility in HTML
  • Introduction to Inline CSS Styling
  • Meta Tags and SEO Basics
Practice Task: Create a structured webpage with a form, meta tags, inline CSS styling, and accessible HTML elements.

Final Project: Complete a project applying skills from Weeks 1-3.
  • Project Work
  • Project Refinement
  • Project Presentation and Wrap-Up

  • Advanced Input Types (color, date, range)
  • Input Attributes (min, max, pattern, placeholder)
  • Creating Accessible Forms
  • Validating Forms with HTML5
  • Styling Forms with CSS
Practice Task: Create an accessible, styled form with a variety of advanced input types and validation rules.

  • Introduction to CSS Flexbox
  • Flex Container Properties (justify-content, align-items)
  • Flex Item Properties (order, flex-grow, flex-shrink)
  • Responsive Layout with Flexbox
  • Building Navigation Bars with Flexbox
Practice Task: Build a responsive navigation bar and layout using Flexbox for a sample webpage.

  • Introduction to CSS Grid
  • Defining Grid Containers and Grid Items
  • Grid Template Areas, Columns, and Rows
  • Media Queries for Responsive Design
  • Combining Flexbox and Grid for Complex Layouts
Practice Task: Create a responsive webpage layout using CSS Grid and media queries.

Final Project: Build a fully responsive multi-page website incorporating all learned concepts.
  • Project Planning and Setup (Days 1-2)
  • Development and Styling (Days 3-4)
  • Final Review and Presentation (Day 5)

About the Instructor

Shalini Baskaran

Founder & CEO

4.98 Instructor rating

40 Students

Shalini Baskaran, is the CEO and Curriculum Director at Savvy Axiss. With a deep background in computer science, she has designed numerous courses to build strong foundations for aspiring programmers. Known for her clear, practical teaching style, she excels at making complex topics accessible. She is passionate about empowering students with real-world skills, and she looks forward to guiding you through this foundational journey in programming.

Fee ₹ 1999

₹ 999

ENROLL NOW

Duration

8 Weeks

Class Time

1.5 Hours

Enrolled

250 students

Language

English / Tamil

Skill Level

Intermediate

Schedule

Monday to Friday

Certificate

Yes

Share this Course