Introduction to HTML

Setting Up the Environment

• Install VS Code
• Install necessary extensions
• Enable auto-save
• Create a project directory

HTML Basics

• Create an HTML file
• Use ! to generate a boilerplate and explain its structure
• What are tags and elements?
• Opening and closing tags
• Self-closing tags
• Common HTML tags:
  • Headings (h1 to h6)
  • Paragraph (p)
  • Anchor (a)
  • Blockquote (blockquote)
  • Text formatting (strong, em, b)
• Exercise
• Attributes and their usage
• Adding comments
• Creating multiple pages and linking them together

Introduction to CSS

• Create a CSS file and link it to an HTML file
• Adding comments
• Selectors and their types
• Changing font family
• Modifying background color
• Adding borders
• Using classes and IDs
• Pseudo-classes
• Descendant selectors
• Grouping selectors