• Technical IT

    Solutions delivered throughout the UK
  • Business Applications

    Solutions delivered throughout the UK
  • Professional Best Practice

    Solutions delivered throughout the UK
  • Professional Development

    Solutions delivered throughout the UK

HTML 101 Yellow Belt Offpeak

HTML 101 Yellow Belt Offpeak
  • Price £167.00
  • Level Introduction
  • Duration 22 day(s)
All major credit cards accepted

Description

In the hands-on HTML5 Level 1 training course, you will learn how to create static web
pages using HTML5. In particular, you will learn how to design pages displaying text, tables, lists,
multi-media.

Prerequisites

This HTML5 course is designed for those interested to learn HTML5 from scratch, reaching a

Assumed Knowledge

Basic Editor Usage

Skills

Upon completion of the training course, you will:

  • Know how to use HTML5 Markup

Course Content

<— Day 1—>

• The World Wide Web
• The W3C
Browsers
• What is a Browser?
• Cross-Browser compatibility issues
The Syntax
• A self-closing tag.
• block vs. inline
• Site Architecture
• Site definition
• Defining assets
The DOCTYPE
• The Different DOCTYPE’s
• What is a DOCTYPE
• HTML5 DOCTYPE
• The DTD
• XHTMLising your code
• Document Object Model
• HTML5 Default options

<—Day 2—>

The HEAD
• Adding Meta tags
• Keywords, Descriptions and Refresh
• The Character Set
HTML Comments
CSS in HTML (Brief as there is a dedicated course that goes deeper)
• Deprecated Style tags
• Linking to CSS
• Defining Media type
• div & span tags
The BODY
HTML tags & elements
• Semantics in the language
• Page Structure
• Headings & Paragraphs
Semantic Tags
• Ordered & Un-Ordered Lists
• Nested Lists
• Data Types and Definitions
• Special Characters
• adding title attribute
• using the address tag
• cite, dfn, var, abbr
• the small tag and it’s semantics
• code, kbd, samp and pre-quoting in HTML
• bold, strong, italic and emphasis

<—Day3—>

Tables
• Table headers
• Accessibility in Tables
• Nesting Tables
• Adding Captions
• Merging columns and rows
Forms
• The form tag
GET vs. POST (brief as it is covered in other courses)
• action method
• Text fields
• Setting Accessibility labels
• Text Area
• Check boxes
• Drop-down lists
• Radio buttons
• Radio Groups
• Upload a file
• Fieldset & accessibility
• Submit & Reset buttons

<—Day 4 —>

Web Images
GIF, JPEG and PNG
SVG and Canvas
• When to use what image format
• Image attributes
• Alternate text for Accessibility
• Figure Captioning
Hyperlinks
• The anchor tag
• Jump links to an ID
• relative & absolute links
• open new tabs
• Linking to an email address
Publication
• Uploading files to a server
• Testing online

Make Enquiry

Course Enquiry
  •  
  •  

Book Now

Course Enquiry
  •  
  •  

Find your local training centre