Beginning Web Development (1): HTML

An introduction to web development with HTML5.

36

Payment required for enrolment
Enrolment valid for 12 months

Course Chapters

1
Introduction

Browser-server relationship; basic definitions; how to set up your code editor and how to report issues in the chat room.

Chapter lessons

1.Browser and server relations15:27

How the web browser interacts with the server.

2.HTML, CSS and JavaScript17:20

Significance of HTML, CSS and JavaScript to web pages.

3.Documentations10:07

Software documentations and why you need them.

4.Code, program(me), or programming languages?11:31

A look at the meaning of these words, for the sake of theory and formality.

5.Set up your code editor7:05

How to set up your code editor

6.Reporting any issue7:08

How to use the chatroom functionalities to report any problem for the instructor's attention.

2
Structure of a Web Page

Understanding the structure of web pages (documents) with HTML tags, elements.

Chapter lessons

1.HTML elements and tags8:28

Identifying HTML elements and tags.

2.Body, head and title elements13:05

Understanding HTML body, head and title elements.

3.Attributes6:32

Meaning of attributes and their use.

4.Void or self-closing elements10:30

Void or self-closing HTML elements, with examples.

5.Semantic and non-semantic elements19:42

Meaning of semantic and non-semantic elements, with examples.

6.Block and inline elements9:57

Meaning of block and inline elements, with examples.

3
Text Elements

HTML text and text-formatting elements and their uses.

Chapter lessons

1.Text content12:42

How to make a text content using headings, paragraphs, addresses and blockquotes.

2.Text formatting12:04

Understanding text formatting elements, for bold, italics, subscripts, superscripts, etc.

3.Character entities13:26

Understanding HTML character entities and their uses.

4.Code formatting and autocomplete16:23

How to format and autocomplete code using VS Code extensions.

4
Links

HTML anchor element and its uses.

Chapter lessons

1.External links16:22

How to link to external resources using the anchor element.

2.Internal links23:49

How to link to internal resources using the anchor element.

5
List Elements

HTML list elements and their uses.

Chapter lessons

1.List elements6:41

Understanding ordered, unordered and definition (description) lists.

6
Image Element

HTML image element, its formatting and uses.

Chapter lessons

1.Image element16:51

Understanding the HTML img element, its attributes and their uses.

2.Personal portfolio project17:49

Getting started on your personal portfolio project.

7
Form and Input Elements

HTML form and input elements and their uses.

Chapter lessons

1.Input element

Understanding the HTML input element and its uses.

2.Textarea and select elements

Understanding HTML Textarea and Select Elements, and their uses.

3.Label, fieldset and legend

How to label input elements, group them and also label their groups.

4.Form element

HTML form element, input controls.

8
Table Elements

HTML table elements and their uses.

Chapter lessons

1.Table elements

HTML elements used in constructing a table.

9
Audio Element

HTML audio element and its use.

Chapter lessons

1.Audio element

The HTML audio element and its use.

10
Video Element

HTML video element and its use.

Chapter lessons

1.Video element

HTML video element and its use.

2.External content embeds

How to embed external content using iframes.

11
Head Elements

HTML head elements and their uses.

Chapter lessons

1.Meta element

HTML metadata definitions using the meta element.

2.Link element

Inserting stylesheets, file icons, etc.

3.Script element

How to embed JavaScript code in HTML file.

12
Git and GitHub

An introduction to continuous deployment and version control using Git and GitHub

Chapter lessons

1.Introduction

An introduction to version control.

2.Create repository

How to create a GitHub repository.

3.Deploy your project

How to deploy your portfolio project.