HTML Fundamentals and Related Theory

• The purpose of HTML 5 and its relationship with the internet/web browsers (Why HTML is used to display content, and how a browser interprets code)
• Understanding HTML tags, and how tags can be nested within each other
• Displaying text and using body, heading and paragraph tags
• Understanding meta information and the purpose of the head tag (How the meta-information can control the overall settings of the page)
• Using hyperlinks (How to properly display hyperlinks to the user, and how to provide the physical URL for the browser to open)

Constructing Webpages with HTML

• Inline text formatting using appropriate tags (bold, important, strong, italic, subscript, and superscript etc.)
• Quoting external sources with blockquote (How to correctly reference textual content from other sources)
• Adding comments to HTML documents to annotate code (Also focusing on why correct code documentation is important for both HTML and CSS)
• HTML Lists (Ordered and unordered)
• HTML Tables including rows, headers, alignment, padding and spanning multiple rows/columns
• Adding media to webpages such as images using the img and src tags

CSS Fundamentals

• Differentiating between inline CSS, and internal/external stylesheets (Where stylesheets should be saved in relation to the HTML document(s))
• CSS syntax including selectors, declarations, and properties
• CSS Fonts, styling, colours, and font-families
• CSS borders, backgrounds, margins, and padding (including colours values and RGB values)
• Enhancing website text with CSS (Focusing on how to give a website a professional appearance through correct CSS syntax)
• CSS Icons (using local files & referencing icons externally)

Combining HTML with CSS

• Grouping HTML elements by class and creating class-specific rules to control portions of a webpage
• Applying CSS rules by type or id (paragraphs, headings, tables etc.)
• Managing dropdown menus with CSS (Creating navigation bars to allow for the user to easily navigate around multiple pages of a website)
• Enhancing HTML lists, tables, and links with CSS rules
• Controlling visibility and positioning of HTML with CSS (Using position and display properties)

Advanced HTML/CSS Features

• Allowing for user interaction with text entry forms, enhanced with CSS rules (text boxes, submit boxes, radio buttons, password, sliders etc.)
• Adding YouTube videos and audio files to web pages and controlling visibility and positioning with CSS
• SVG graphics and their uses (the svg tag and how shapes and graphics can be styled with CSS)
• The CSS box model (How to arrange HTML items using padding, margins, and borders to achieve a more professional layout)