Introduction to HTML5/CSS - DIT 21010

DIT 21010 36 hours

This course currently has no upcoming scheduled dates. Please check back here soon.

This course is the first of three levels covering the Hypertext Markup Language (HTML) programming language and it introduces the basics of HTML5 and Cascading Style Sheets (CSS). Students will learn how to build a web user interface in HTML5 and to create basic semantic structure, lists, tables, links, and images. The course will explore coding strategies, some basic search engine optimization, and sound problem-solving approaches.


On successful completion of this course, students will be able to:

  • Identify good and bad web design in relation to visual appeal, usability and accessibility.
  • Apply basic principles of grid design: contrast, alignment, repetition, and proximity.
  • Apply basic colour theory to designs and choose colour schemes that work for the Web.
  • Use proper typography on the Web, knowing its limitations and outcomes.
  • Effectively use HTML/HTML5 for semantic mark-up.
  • Organize and structure Web content on a server.
  • Create a basic structured Web page.
  • Create tables for organizing tabular data.
  • Mark up web pages in any text editor, including HTML elements such as paragraphs, headings, lists, images, divs, spans and tables.
  • Understand the importance of separating structure from appearance in web pages.
  • Validate and troubleshoot HTML code.
Web Development Diploma
Wesley and Buhler Buildings