Centre for Continuing Education

HTML Course: Introduction

Web Development. Create and maintain fast, secure and exciting websites.

Learn Web Development the smart way with Web Development training courses at CCE, the University of Sydney.

This course introduces HTML, a front-end web development language, and gives you hands-on coding experience.

HTML is used in all webpages and understanding it is essential to understanding web development practices. This course is suitable not only for those wishing to pursue web development as a career, but for any individual looking to increase their understanding of digital technology and the internet.

You will gain a practical insight into HTML and web development processes. You’ll learn how to create web pages, place and manipulate content, and structure and develop a basic website.

Outcomes

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

  • understand basic concepts in HTML
  • create basic web pages
  • insert and format text
  • implement a variety of hyperlinks to connect pages and communicate with users via email link
  • structure content on web pages
  • use HTML5
  • apply CSS styles to some page elements
  • insert and control images on a web page
  • create, modify and format a basic layout.

Content

Basic concepts in HTML

  • Quick outline to web page creation
  • HTML as the structure language of the web
  • Basic structure of the language and the HTML document
  • HTML basic syntax
  • Do’s and dont’s of the HTML syntax, beginning and ending your page
  • Document type definition
  • How to obtain compliance of your document with DTD

Inserting content

  • Inserting and editing text
  • Modifying text elements in your page
  • Structuring content
  • Creating headings and horizontal rules
  • Controlling text flow
  • Creating lists
  • Linking to other pages
  • Links to other websites
  • Creating email links
  • Links to other sections on the page

Working with images

  • Image formats
  • Inserting images in your page
  • Modifying image properties
  • Images and text

Layout strategies

  • Layout creation
  • Using basic layout strategies to control the presentation of the content
  • Controlling page styling with CSS

HTML 5

  • The evolution of HTML
  • The new structural elements in HTML 5
  • The web as a semantic space
  • Working with the new elements of HTML 5
  • The box model strategy in HTML 5

Intended Audience

This course is suitable for:

  • beginners looking for hands-on coding experience
  • anyone interested in a career in web development
  • anyone looking to improve their understanding of web technology.

Delivery Style

A hands-on computer-based workshop. This class takes place in a CCE computer lab. Computers and software are provided.

Before the course

You should:

  • be familiar with using personal computers
  • possess basic typing skills
  • have experience with both Mac and PC operating systems
  • be familiar with a variety of web browsers.

Additional Information

Please bring a USB flash drive to class if you would like to make a copy of your work or any relevant class materials. Alternatively, you can save these to a cloud storage space or email them to your personal email address.

Features

  • $50 repeat class - Conditions apply
  • Expert trainer
  • Dedicated computer for every student
  • Small class size
  • Statement of completion

What others say.

  • Great introductory course for anyone who wants to learn about HTML coding and get a bigger picture on the subject.

  • A very knowledgeable tutor, very calm and patient. It was a good course for HTML beginners, we’ve learned all the basic HTML codes plus a little of CSS. Would definitely recommend.

HTML Course: Introduction

<p>{block name:“Course Tagline - Web Development”}</p><p>This course introduces HTML, a front-end web development language, and gives you hands-on coding experience.</p><p>HTML is used in all webpages

...
HTML Course: Introduction

<p>{block name:“Course Tagline - Web Development”}</p><p>This course introduces HTML, a front-end web development language, and gives you hands-on coding experience.</p><p>HTML is used in all webpages

...