HTML

Instructor

Falguni Shah

Category

Web Development

Description

Course Name: HTML

Course Level: Beginner

Course Duration: 2 Months

Classes per Month:  8 Classes per Month (Total 16 Classes)

About This Course:

HTML (Hyper Text Markup Language) is used to show content on the page. HTML describes the structure of a website semantically along with presentation cues, making it a mark-up language, rather than a programming language. HTML allows images and objects to be embedded and can be used to create interactive forms.

Learning Objectives:

·        Understanding the fundamental structure of HTML documents, including the use of tags, elements, and attributes.

·        To create well-structured documents using HTML, organizing content with headings, paragraphs, lists, and other structural elements.

·        Working with text and links.

·        To embed images, audio, and video into HTML documents using appropriate tags ( , ).

·        Form creation using various form elements such as text inputs, radio buttons, checkboxes, and dropdown menus using and related tags.

·        Understanding the importance of semantic HTML for accessibility and search engine optimization (SEO), and using semantic elements like   to enhance document structure.

·        Responsive design: Understanding the principles of responsive web design and how HTML can     be used to create websites that adapt to different screen sizes and devices.

Course Content :

Lesson 1:    Introduction to HTML

·        What is HTML?

·        Basic structure of an HTML document

·        Understanding tags, elements, and attributes

Lesson 2:    Text Formatting and Links

·        Formatting text with HTML tags

·        Creating hyperlinks (tag) and linking to external and internal pages

·        Working with anchor tags () and attributes such as href, target, and title

Lesson 3:    Lists and Tables

·        Creating ordered and unordered lists

·        Constructing tables for tabular data

·        Styling tables with attributes such as border, cellpadding, and cellspacing

Lesson 4:    Forms and Input Elements

·        Building forms () to collect user input

·        Utilizing form elements like text inputs, radio buttons, checkboxes, dropdown menus, and buttons

·        Handling form submission and processing using server-side technologies

Lesson 5:    Images and Multimedia

·        Embedding images into HTML documents and setting attributes like src, alt, height, and width

·        Adding audio and video content with the and tags

·        Customizing multimedia playback with attributes like controls, autoplay, and loop

Lesson 6:    Semantic HTML

·        Understanding semantic elements and their importance for document structure and accessibility

·        Using HTML5 structural elements to improve code readability and maintainability

Lesson 7:    Responsive Web Design

·        Principles of responsive design and creating mobile-friendly layouts

·        Using media queries to adapt content based on screen size and device capabilities

Lesson 8:    HTML5 Features

·        Exploring HTML5 elements and attributes

·        Understanding the purpose and usage of new HTML5 features for modern web development

Lesson 9:    Accessibility and Validation

·        Implementing accessibility best practices in HTML documents to ensure inclusivity for users with disabilities

·        Validating HTML code using tools like the W3C Markup Validation Service to maintain code quality and compatibility

Lesson 10:    Project Work and Hands-On Exercises

·        Practical exercises and projects to reinforce learning and apply HTML skills in real-world scenarios

             ·        Building static web pages, forms, and multimedia