At the start of every class, please: 

1. Make sure you are working from your programming folder
2. Make sure your python virtual environment is activated
3. Make sure you can access our test template at 127.0.0.1:5000

We are going to learn about HTML today -

1. Structure of a Page

• Every HTML page starts with:

2. Common Tags

• Headings:

  to

  (biggest to smallest).

   

• Paragraphs:

  for blocks of text.

• Links: Link

• Images:

• Lists:

  • Ordered:

    1. Item

     

  • Unordered:

    • Item

     

3.

•  

  = big container for grouping content.

   

• = small container for inline content.

• Example:

  Title

  Some text

4. Attributes

• Extra information inside tags.

• Example:

5. Classes and IDs

• Class = reusable styling group.

• ID = unique identifier.

• Example:

  Warning!
  Main Section

6. Forms (basic)

• Collecting user input.

7. Nesting & Indentation

• Tags go inside each other (parent/child).

• Always indent for clarity.

  This is inside a div