Learn how to code HTML to create web pages using a text editor, how to use CSS & common web-based technologies.
What You Will Learn
- create a web page using a simple text editor
- increase your productivity when working with an HTML editor like Dreamweaver
- use Cascading Style Sheets (overview)
- use common web-based technologies that work well with HTML
Prerequisites
No prerequisites. You can start with this course.
Course Outline
Overview
- the history of HTML5/XHTML
- other structured languages
Types of HTML
- versions
- “flavours”
HTML5 tags
- elements
- attributes
- values
- syntax
Document structure
- document type declaration
- document type definition
- setting the language/changing the language
- empty vs non-empty elements
- html, head and body tags
- commonly used document tags (headings, paragraphs, images)
Introduction to CSS
- CSS syntax and selectors
- CSS fonts
- class/id/element selector
Working with lists
- list structure
- unordered, ordered and list items
- list displays
- nested lists
- lists as navigation
Creating links
- what is a URL?
- implementing urls in various tags
- relative, absolute and root-level paths
- creating hyperlinks and named anchors
Working with tables
- table structure
- rows, columns, cells, headers
- spans
- accessibility options
HTML5 forms
- form structure
- form elements
- submission options
- validation
- processing the data
Validating
- validation tools
- understanding error messages
