About Course
Course Objectives:
- Understand the core concepts of HTML.
- Learn to create structured webpages with links, images, and forms.
- Develop a mini-project by the end of the course.
Day-by-Day Course Plan
Week 1: Foundations of HTML
Day 1: Introduction to HTML
- What is HTML? How does it work?
- Basic structure of an HTML document: <html>, <head>, <body>.
- Setting up a text editor (VS Code, Notepad++) and browser.
Day 2: Text Formatting and Structure
- Headings (<h1> to <h6>), paragraphs (<p>), and line breaks (<br>).
- Formatting tags: <strong>, <em>, <u>, <mark>.
Day 3: Links and Navigation
- Creating hyperlinks using <a> tag.
- Absolute vs. relative URLs.
- Adding email and telephone links.
Day 4: Images and Multimedia
- Adding images with <img> (src, alt attributes).
- Introduction to <video> and <audio> tags.
Day 5: Lists
- Ordered lists (<ol>), unordered lists (<ul>), and list items (<li>).
- Nested lists and description lists (<dl>, <dt>, <dd>).
Week 2: Interactive and Structured Elements
Day 6: Tables
- Basics of tables: <table>, <tr>, <td>, <th>, <caption>.
- Adding table attributes like border, colspan, and rowspan.
Day 7: Forms (Part 1)
- Creating a basic form using <form> and <input>.
- Text fields, password fields, and submit buttons.
Day 8: Forms (Part 2)
- Radio buttons, checkboxes, and dropdowns (<select> and <option>).
- Labels and placeholders.
Day 9: Semantic HTML
- Importance of semantic HTML for accessibility and SEO.
- Common tags: <header>, <footer>, <article>, <section>, <nav>.
Day 10: Hands-On Project
- Create a basic webpage with:
- Header and footer sections.
- A form for user input.
- Lists and images for content.
Week 3: Final Touches and Project
Day 11: HTML Attributes
- Understanding global attributes (id, class, style, title).
- Accessibility attributes (alt, aria-*).
Day 12: Introduction to CSS
- Inline styling with the style attribute.
- Basics of linking an external CSS file.
Day 13: Responsive Design Basics
- Using the <meta viewport> tag.
- Simple layout adjustments for mobile devices.
Day 14: Review and Debugging
- Debugging HTML using browser developer tools.
- Common mistakes and best practices in HTML.
Day 15: Final Project
- Build a basic multipage website:
- A homepage with a welcome message, links, and images.
- A contact page with a form.
- An about page with lists and tables.
Student Ratings & Reviews
No Review Yet