Scribd
Upload
5 views3 pages

Beginner HTML CSS Syllabus

The Beginner HTML & CSS syllabus outlines a 4-week plan covering foundational topics in HTML and CSS. Each week includes specific topics, practice tasks, and culminates in an optional final project to create a responsive student profile page. Key concepts include HTML structure, CSS styling, and layout techniques using Flexbox.

Uploaded by

xcellency700
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views3 pages

Beginner HTML CSS Syllabus

The Beginner HTML & CSS syllabus outlines a 4-week plan covering foundational topics in HTML and CSS. Each week includes specific topics, practice tasks, and culminates in an optional final project to create a responsive student profile page. Key concepts include HTML structure, CSS styling, and layout techniques using Flexbox.

Uploaded by

xcellency700
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Beginner HTML & CSS Syllabus (4-Week Plan)

Week 1: Introduction to HTML

Topics:

- What is HTML?

- Basic HTML structure: <!DOCTYPE html>, <html>, <head>, <body>

- Headings (<h1> to <h6>)

- Paragraphs (<p>)

- Line breaks and horizontal rules (<br>, <hr>)

- HTML comments

Practice Task:

Create a basic webpage with:

- A title

- Headings of different levels

- 2-3 paragraphs

- A horizontal line and a comment

Week 2: HTML Elements and Page Structure

Topics:

- Lists: Ordered (<ol>) and Unordered (<ul>)

- Links (<a href="">)

- Images (<img src="">)

- Tables (<table>, <tr>, <td>, <th>)

- Forms: <form>, <input>, <label>, <button>

Practice Task:
Beginner HTML & CSS Syllabus (4-Week Plan)

Build a profile page that includes:

- Your name, picture, and short bio

- A list of hobbies or skills

- A table of your weekly schedule

- A basic contact form

Week 3: Introduction to CSS

Topics:

- What is CSS and why we use it

- CSS syntax: selectors, properties, values

- Ways to apply CSS: inline, internal, external

- Text styling: color, font-size, font-family, text-align

- Background color and borders

Practice Task:

Style your Week 2 profile page using CSS:

- Use internal CSS in <style> tag

- Change fonts, colors, and add borders

- Center or align some text content

Week 4: CSS Box Model & Layout

Topics:

- CSS Box Model: margin, padding, border, content

- Display types: block, inline, inline-block

- Positioning: static, relative, absolute, fixed


Beginner HTML & CSS Syllabus (4-Week Plan)

- Flexbox basics: display: flex, justify-content, align-items

Practice Task:

Create a simple page layout with:

- A header, sidebar, main content area, and footer

- Style the layout using Flexbox

- Add spacing using margin and padding

Final Project (Optional Week 5): Who's Who Directory Page

Use everything you've learned to create:

- A responsive student profile page

- Cards for 4+ classmates with:

- Image

- Name

- Role

- Fun fact

- Use Flexbox to arrange the cards

- Style everything with CSS (no frameworks)

You might also like