HTML & CSS for Beginners

Course Description

This comprehensive course is designed to introduce you to the fundamental building blocks of web development: HTML (HyperText Markup Language) and CSS (Cascading Style Sheets). Whether you’re a complete beginner or have some experience, this course will equip you with the essential skills to create your own web pages.   

Learning Outcomes

Upon completion of this course, you will be able to:

• Understand the basics of HTML:
  • Create HTML documents with proper structure.
  • Use elements to define the content and layout of a webpage.
  • Incorporate images, links, and forms.
• Apply CSS styles:
  • Use CSS to modify the appearance of HTML elements.
  • Control fonts, colours, backgrounds, and layouts.
  • Create responsive designs that adapt to different screen sizes.
• Build simple web pages:
  • Design and develop basic web pages, including personal websites, landing pages, or simple blogs.
  • Combine HTML and CSS to create visually appealing and functional web content.

Course Topics

• Introduction to HTML
  • Basic HTML structure
  • Elements, attributes, and tags
  • Text formatting and headings
  • Lists (ordered and unordered)
  • Links (anchors)
  • Images
  • Tables
  • Forms
• Introduction to CSS
  • Selectors (element, class, ID)
  • Properties and values
  • Cascading rules
  • Inline, internal, and external stylesheets
• CSS Styling
  • Text styling (fonts, colours, alignment)
  • Backgrounds (colours, images, gradients)
  • Borders
  • Margins and padding
  • Box model
  • Display properties (block, inline, inline-block, flex, grid)
• CSS Layout
  • Floating elements
  • Positioning (absolute, relative, fixed)
  • Flexbox layout
  • Grid layout
  • Responsive design using media queries

This course provides a solid foundation in HTML and CSS, enabling you to start creating your own web projects. With hands-on exercises and practical examples, you’ll gain the confidence and skills needed to bring your ideas to life on the web.