Articles → HTML 5 → Create Your First HTML5 Program

Create Your First HTML5 Program

In this article, we will create our first HTML 5 page.

Software Requirement

For HTML5, you need the following: -

Any text editor like notepad for writing code
Any browser that supports HTML 5

Technical Knowledge

To understand this article, you should know about the previous version of HTML i.e., 4.01.

Introduction To HTML5

HTML5 was a joint venture of the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG). There are many enhanced features that HTML5 is providing. This is the list of some of the enhanced features of HTML5: -

Provides cross-browser compatibility
Provides audio and video support without installing any plug-in
Provides rich UI
Supports mobile devices

How To Check If Your Browser Supports HTML?

There are many websites from where you can check if your browser supports HTML5 or not. One of them is https://www.html5accessibility.com/. When you open this website, you could see how many HTML5 tags your browser is supporting.

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

Doctype In HTML5

The purpose of doctype is to provide instructions to the browser about the version of HTML in which the 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>

Try It

The code is like the one 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

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	**