Articles → HTML 5 → Create your first HTML5 program

Create your first HTML5 program

In this tutorial we will create the first HTML 5 page. This topic contains following sections

   1. Software requirement

   2. Technical knowledge

   3. Introduction to HTML5

   4. How to check if your browser supports HTML?

   5. Doctype in HTML5

   6. Creating your first HTML 5 program

Software requirement

For HTML 5 you need

1. Any text editor like notepad for writing code

2. Any browser which supports HTML 5

Technical knowledge

In order to understand this tutorial you should know about previous version of HTML i.e. 4.01.

Introduction to HTML5

HTML 5 was a joint venture of World Wide Web Consortium (W3C) and Web Hypertext Application Technology Working Group (WHATWG). There are many enhanced feature that HTML 5 is providing. Here are some of those

   1. Provides cross browser compatibility

   2. Provides audio and video support without installing any plug in.

   3. Provides rich UI.

   4. Supports mobile devices

How to check if your browser supports HTML?

There are many websites from where you can check if your browser supports HTML 5 or not. One of them is http://html5test.com/. When you open this website you could see how many HTML 5 tags your browser is supporting.

Picture showing the website to check which html5 tags are supported by the browser

Click to Enlarge

Doctype in HTML5

The purpose of doctype is to give instruction to the browser about the version of HTML in which page has been created. In the previous versions we declare doctype as

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

But in HTML5 the syntax is made simpler

<!DOCTYPE html>

Creating your first HTML 5 program

<!DOCTYPE html>
<html>

<head>
	<title> Sample Title </title>
</head>

<body> This is test page </body>

</html>

The code is similar to the one which we are using in the previous version of HTML. The difference is in the doctype as mentioned in the previous section. Now run the program and you will see the following output.

Picture showing the output of your first html5 program

Click to Enlarge

Browser support

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
Yes	Yes	Yes	Yes	Yes	Yes

Video

Posted By -	Karan Gupta

Posted On -	Thursday, September 4, 2014

Updated On -	Wednesday, January 2, 2019

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250