HTML Fundamentals
Week 1: Introduction to HTML
Class 1: Introduction to Web Development
Understanding the internet and how websites work
History and evolution of HTML
Setting up a development environment
Class 2: Structure of an HTML Document
Basic HTML structure:
<!DOCTYPE>, <html>, <head>, and <body>
HTML tags, elements, and attributes
Creating your first HTML page
Week 2: HTML Structure and Elements -- Class 3: Text Formatting and Headings
Using text formatting tags:
<p>, <h1> to <h6>, <strong>, <em>, etc.
Creating lists:
<ul>, <ol>, and <li>
Class 4: Links and Images
Creating hyperlinks with
<a>
tagsEmbedding images with tags
Best practices for image optimization
Week 3: HTML Forms and Input
Class 5: Building Forms
Creating forms with
<form>
elementsAdding form controls: text fields, checkboxes, radio buttons, and dropdowns
Form submission and the
<button>
element
Class 6: HTML Semantic Elements
Understanding semantic HTML:
<header>, <nav>, <article>, <section>, etc.
Enhancing accessibility and SEO with semantic elements
Week 4: HTML Semantics and Best Practices
Class 7: Multimedia Elements
Embedding audio and video:
<audio>
and<video>
elementsUsing
<iframe>
for embedding external contentWeb accessibility considerations for multimedia
Class 8: HTML Folder Structure & Best Practices
Best practices for writing clean and semantically correct HTML
HTML Folder Structure
Review and recap of Month 1 content
Throughout the month, there will be practical exercises and assignments to reinforce the concepts covered in each class. Students will also have access to resources and support for self-paced learning.
At the end of Month 1, students should have a solid understanding of HTML fundamentals, enabling them to create well-structured web pages.
Last updated