Exercise 1: HTML and Markup Languages

The aims of this lab are:

W3Schools

Work through the W3Schools Tutorial: https://www.w3schools.com/html/default.asp from the start up to HTML Blocks, and also to the section on HTML Forms.

You don't have to complete every exercise, but it's a very useful reference and we recommend being familiar with the w3schools tutorials.

Create your own home page

Create an HTML5 home page for yourself. The home page should contain You may find it useful to access some of the HTML5 references provided in the lectures.

Do not be too concerned about page output layout at this stage although you should use suitable indentation to show the structure of the page source (see this tutorial for setting up auto-indentation in VSCode).

Open the page in Firefox, Chrome and Opera to check that it works as expected. You may also want to have a look at it with Internet Explorer (if you're in Windows). Depending on your operating system, you can also check it under Safari and SeaMonkey.

Try adding a form to the page. The form should collect a users name, email and date of birth. Use HTML5 input types, and check that they work in the browser. This W3Schools page has some information on how to use JavaScript to take information from HTML forms.

Validation

  1. Validate your HTML5 page using the validation service at:
     http://validator.w3.org/.
    
  2. Try to fix any problems that appear during validation.