Application & Web Development Category Banner Image

HTML5 Essentials

Length 1 day

Course overview

View dates &
book now

Course locations >>

Why study this course

This one-day course introduces you to HTML5 and CSS3, the essential languages for creating webpages. Learn how to design and build websites from scratch, format content with headings, paragraphs, and lists, create hyperlinks, and insert images. Gain confidence in editing and writing code while discovering how HTML5 and CSS3 work together to design and build modern websites. Whether you want to edit web content using a Content Management System (CMS) or aim to become a professional web designer or developer, this one-day course provides the foundational skills you need.

Nexacu Public Schedule

Nexacu is part of the Lumify Group, offering you the largest public schedule of end user applications and professional development training in Australia, New Zealand, and the Philippines. You can now access the schedule of courses and book, by clicking on the button below.

Book now!

Request Course Information

What you’ll learn

By the end of this course, you'll be able to:

Understand the principles of HTML5 and CSS3
Learn to structure websites using HTML5
Format content with headings, paragraphs, lists, and tables
Insert and optimise images for the web
Create and manage hyperlinks
Apply layout and design techniques using CSS3
Style web pages and elements with CSS3
Embed external content like Google Maps and YouTube videos
Gain an introduction to search engine optimisation (SEO) techniques
Develop foundational skills for using content management systems (CMS)

Nexacu at Lumify Work

Nexacu is part of the Lumify Group, consistently delivering high-quality, practical, instructor-led courses to skilled end users and professionals across the Asia-Pacific region.

View all Nexacu courses

Who is the course for?

The HTML5 Essentials Course is ideal for anyone looking to gain foundational skills in web development. This includes:

Beginners with no prior coding experience
Individuals wanting to edit web content using a CMS
Aspiring professional web designers or developers
Marketers and content creators looking to enhance their technical skills
Anyone interested in learning how to build and design modern, responsive websites

Course subjects

Overview

About Web Technologies - How HTML5 and CSS3 Work Together, and the Role of JavaScript
Tools of the Trade - About Code Editors, Web Development Applications, Content Management
Systems and Online
Web Building Solutions
Web Standards - Following Conventions
About Web Browsers, and How to Test your Work
About HTML5 and Older Versions of HTML

HTML Essentials

Principles of HTML5 - Document Type, Document Structure, Tags and Attributes
The HTML5 Document Structure
Containers and Empty Tags
Inline & Block Level Elements - How Tags Display
Inserting Special Characters
Commenting your Code

Website Structure

Typical Website Structure - Files and Folders
File and Folder Naming Conventions - Case and Space
The Importance of Filename Extensions
Home Page Considerations

Marking Up Text with HTML5

About Whitespace
Using Headings and Paragraphs
Line Breaks
Ordered and Unordered Lists - Customising Lists
Bold and Italic

Images

Inserting Images with HTML
About GIF, JPG & PNG and When to Use Them
Image Optimisation - Reducing File Size while Maintaining Quality
Image Resolution
The ‘Alt’ Attribute
The ‘Title’ Attribute

Working with Tables

When you Should Use Tables
Tables for Displaying Data

Hyperlinks

Terminology - Absolute vs Relative Paths
Targeting Links to Open in a New Window
Creating ‘Same Page’ Links
Links to downloadable Content
Applying Links to Images

Layout and Design Techniques

Using DIV Tags as Containers
Applying Styles to Divs for Layout and Design
Using Span Tags to Style Selected Content

Styling a Web Page with CSS3

Understanding CSS3 Syntax
Writing Syles that Apply to the Whole Page
Styling an Entire Website
Fonts - Using Device Fonts
Colour - Colour Names and using Hexadecimal Code
Typography - Fonts Size, Line Height and Other Properties
Using Classes to Style Individual Elements
Styling Hyperlinks with Pseudo-Classes

External Content

Embedding a Google Map
Embedding a YouTube Video

Search Engine Optimisation

How Good Coding means Good SEO
Strong vs Bold
The Importance of the Title Tag
HEAD Content - using META Tags for Page Descriptions

Prerequisites

No prior coding experience is required for this course. Basic computer skills and familiarity with web browsers will be helpful.

Terms & Conditions

The supply of this course by Lumify Work is governed by the booking terms and conditions. Please read the terms and conditions carefully before enrolling in this course, as enrolment in the course is conditional on acceptance of these terms and conditions.