Scribd
Upload
5 views

HTML_Course

This HTML course covers fundamental to advanced concepts over two weeks, including basic tags, forms, tables, and multimedia elements. It features hands-on projects such as building a simple webpage and a product landing page, along with quizzes for knowledge assessment. The course also emphasizes semantic HTML, accessibility, and basic CSS integration.

Uploaded by

John Jayaprakash
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

HTML_Course

This HTML course covers fundamental to advanced concepts over two weeks, including basic tags, forms, tables, and multimedia elements. It features hands-on projects such as building a simple webpage and a product landing page, along with quizzes for knowledge assessment. The course also emphasizes semantic HTML, accessibility, and basic CSS integration.

Uploaded by

John Jayaprakash
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML Course: From Basics to Proficiency

HTML Course: From Basics to Proficiency

This course will take you through the journey of learning HTML, from the very basics to advanced

concepts, complete with projects and hands-on practice.

Week 1: Introduction to HTML

Day 1: Getting Started

- What is HTML?

- How browsers interpret HTML.

- Tools: Setting up a code editor (VS Code/Notepad++).

- First HTML document: <!DOCTYPE html>, <html>, <head>, <body>.

Day 2: Basic Tags

- Headings: <h1> to <h6>.

- Paragraphs: <p>.

- Links: <a href="">.

- Images: <img src="" alt="">.

Day 3: Lists

- Ordered lists: <ol>.

- Unordered lists: <ul>.

- List items: <li>.


HTML Course: From Basics to Proficiency

Day 4: Tables

- Basic table structure: <table>, <tr>, <td>, <th>.

- Adding borders, captions, and merging cells.

Day 5: Forms Basics

- Form structure: <form>.

- Input types: <input>, <button>, <textarea>, <select>, <option>.

- Labels and placeholders.

Day 6: HTML Attributes

- Global attributes: class, id, style.

- Common attributes: href, src, alt, title.

Day 7: Project: Build Your First Webpage

- Create a simple webpage with headings, paragraphs, links, images, and lists.

Week 2: Intermediate HTML

Day 8: Semantic HTML

- Importance of semantic tags.

- Tags: <header>, <footer>, <section>, <article>, <aside>, <main>.


HTML Course: From Basics to Proficiency

Day 9: Forms Advanced

- Input types: email, number, date, color, range, file.

- Form validation attributes: required, min, max, pattern.

Day 10: Multimedia Elements

- Embedding audio: <audio> and its attributes.

- Embedding video: <video> and its attributes.

- Using the <iframe> tag for external content.

Day 11: Accessibility Basics

- ARIA roles and attributes.

- Adding alt text for images.

- Labeling form inputs for screen readers.

Day 12: Basic CSS Integration

- Inline styles with the style attribute.

- Linking external CSS: <link> tag.

- Adding a <style> block within HTML.

Day 13: Project: Build a Product Page

- Create a product landing page with sections, multimedia, and a contact form.

Day 14: Quiz & Review

- Review concepts from Week 1 and Week 2.

- Online quiz to test knowledge.


HTML Course: From Basics to Proficiency

You might also like