HTML tutorial

Posted on May 5, 2014, 10:20 am by

What is HTML?
HTML stands for Hypertext Markup Language and is the markup language that help us build a website's page structure, "the skeleton". 

One tag can have one or more attributes. An attribute is usually specified using a name-value pair.

HTML uses a pseudo-SGML syntax. SGML stands for Standard Generalized Markup Language and is a standard for how to specify a document markup language or tag set. SGML is not a language it is metadata (a description of how to specify a language).

The complete list of HTML tags can be viewed here.
The complete list of HTML tags attributes can be viewed here.

When did HTML appeared?

The first version of HTML appeared in 1989 and since then it keeps getting better. The last version of HTML is HTML 4.01. The improved version of HTML 4.01 is XHTML which will be discussed in a future post and the newer version of HTML 4.01 is HTML5.

Who can render my HTML pages?

A web client meaning any web browser.

How do I write a web page using HTML?

A file created with HTML must follow these rules:
 - the file should be saved with the ".html" or ".html" extension
 - the file should follow the folowing mandatory structure as specified here

Each HTML document should begin with a DOCTYPE definition. See below why.

To build a website page using HTML we should follow these steps:
Step 1: open a text editor (I recommend Sublime Text) and create a new file
Step 2: insert the mandatory HTML page structure into this file
Step 3: insert the desired content
Step 4: render the page using one of wour preffered clients (=web browsers)

What is DOCTYPE?

DOCTYPE is an instruction that associates a web page with a document type definition (DTD). There a 3 DTD types for HTML 4.01:
1. Strict DTD does not allow presentational markup with the argument that Cascading Style Sheets should be used for that instead.

2. Transitional DTD allows some older PUBLIC and attributes that have been deprecated.

3. If frames are used, the Frameset DTD must be used.

Is DOCTYPE mandatory?

My categoric answer is YES. The reasons are listed here along with the steps to take to choose an appropriate DOCTYPE.

Other resources:
A list with the valid DTD's can be found here.
The W3 team put together a list with some techniques for user agent accessibility wich a recommend you to read:

Related articles:

Leave a Comment:


Blog Search

Popular Blog Categories


Want to be informed about latest posts? Subscribe to our newsletter