×

HTML 5 Tutorial

What is HTML5?

HTML5 is a programming language which stands for the acronym Hyper Text Markup Language 5. It is program that enables the appearance of web pages to be changed, as well as changes to their layout. It is also used to structure and present the content to the web.

With HTML5, browsers like Firefox, Chrome, Explorer, Safari, etc. can design the appearance of  their web page. It helps them to mark where the elements are, where to position the images and where to position the text.

Including HTML5, there are other languages that are used to format and interact with the web, but in the HTML5 language the basic structure of every page is specified first.

Introduction of HTML

HTML Tutorial and HTML5 Tutorial provide advanced and important concepts in HTML. Our tutorial is designed for beginners and professionals. Every topic is explained step by step in our tutorial, so you can learn it very easily. If you're new to HTML, you can learn HTML from a beginner and you can create your own dynamic and interactive website after learning HTML with CSS and JavaScript. But in this tutorial, we are focusing on cable HTML.

Some of the following key points of HTML are given below:

  • It stands for HyperText Markup Language.
  • HTML is also used to create web applications and web pages.
  • HTML is a widely used web-based language.
  • We can only build a static website by using HTML.

HTML Example

You'll get various HTML examples in this tutorial, at least one example for each subject with clarification. You can also use our online HTML editor to edit and run these examples. Learning HTML is enjoyable and very easy to understand.

Example

<!DOCTYPE>
<html>
<head>
<title>Web page title</title>
</head>
<body>
<h1>Write Your First Heading</h1>
<p>Write Your First Paragraph.</p>
</body>
</html>

Output

What is HTML?

HTML is a text markup language. Used to develop and design web pages and web applications. Let's see what the text markup language and the web page mean.

HyperText

HyperText is a basically "Text in Text." This text contains a link and is a hypertext. Hyperlink will bring you to a new web page by clicking on it. HyperText is a way to connect two or more web pages with each other (HTML documents).

Markup Language

Markup Language is a computer language used to apply layout and format conventions to text documents. Markup language renders text more dynamic and interactive. You can convert text to pictures, tables, links, etc.

Web page

A web page is a text that is usually written in HTML, which is interpreted by a web browser. You can identify a web page by entering an URL. A Web page may be static or dynamic. We can create static web pages with the help of HTML only.

HTML is therefore a markup language that is used to construct attractive web pages with the help of styling. It appears in a pleasant format in web browser. Many HTML tags are made of an HTML document, and each HTML tag contains different content.

Description of HTML Example

<!DOCTYPE>

DOCTYPE describes the type of text, and instructs the HTML version of the browser.

<HTML>

The HTML tag informs the browser that it is an HTML document. The text of the HTML tag defines a Web document.

<head>

It should be the first element which contains the metadata (document information) in the < html > element. The body tag has to be closed before it opens.

<title>

This is used to add a description to the HTML file which appears, as the title suggests, at the top of the browser window.

<body>

Text in body tags describes the website's body content which is available to the end-user. This tag contains the HTML document's main contents.

<h1>

The text under the < h1 > tag defines the first heading of the web page.

<p>

The text under the < h1 > tag defines the paragraph of the web page.

HTML Version

Since many HTML versions have been invented on the market, the following is a brief introduction to the HTML version:

HTML 1.0

The first version of HTML was 1.0, the barebones version of HTML, released in 1991.

HTML 2.0

It was the next version released in 1995, the standard language version of the web design. HTML 2.0 has been able to support additional features such as uploading files depending on the type, specifying elements such as text boxes, buttons of choice, etc.

HTML 3.2

In early 1997 W3C released HTML 3.2 version. This version was able to create tables and provide support for additional options for form elements. It is also supported by a web page containing complex mathematical equations. It became official standard for every browser as of January 1997. This is basically supported by most browsers today.

HTML 4.01

HTML version 4.01 was released in December 1999 and is a very stable version of the HTML language. This version is the latest official standard and provides added stylesheet (CSS) support and scripting capabilities for different multimedia elements.

HTML 5

HTML5 is the latest version of the HyperText Markup Language .In January 2008 the first draft of that version was published. The two major organizations are W3C (World Wide Web Consortium), and the other is WHATWG (Online Hypertext Application Technology Working Group), which is involved in improving the HTML 5 edition currently under development.

Features of HTML

  • It is easy to use and easy to learn.
  • It's easy to modify and understand.
  • It’s a platform Independent.
  • You can add images, video and audio to your web page.

All HTML Tag

At last, we'll learn all HTML tags one by one, e.g., input tag, textarea tag, meta tag, br tag, hr tag, h tag,script tag, code tag, title tag, marquee tag, style tag, etc.

Prerequisite

You must have the basic knowledge of Computers before you learn HTML.

Audience

Our tutorial for HTML is designed to support beginners and professionals alike.

Problem

We assure you, that in the HTML tutorial you will not find a problem. But if our HTML tutorial contains any problems or mistakes, you can report in the contact form.


Related Topics

HTML Forms

Forms are required when we want to collect data from the user. Html forms consists of different fields to take user inputs such as: input, text area, checkbox, password, radio...

4 minutes read.

HTML <br> tag

HTML is referred to as Hyper Text Markup Language, which is the most popular language for creating Web pages. HTML explains the construction of a Web page. It contains a...

4 minutes read.

Html &lt;center> Tag

The term HTML refers to Hyper Text Markup Language. The most widely used markup language for making web pages is HTML. A structure of web page is described in HTML....

3 minutes read.

HTML Event Attributes

HTML Event Attributes If a browser responds to the user behavior, an event is called. For example, if we click on the submit button, a box of details will appear on...

4 minutes read.

HTML Reset Button

The HTML reset button is used to reset all values in the form. It clears all input fields. Reset is the value of the type attribute of the button element. The...

6 minutes read.

How to change font in HTML

To give style to the content of your website, you may change the font of the text and make your website look attractive to the user. There are several methods which...

4 minutes read.

HTML <section> tag

The section element in HTML is used to define sections in a document. Syntax of Section Tag: <body> <h1>……….</h1> <section> <h2>……….</h2> <p> …………………………</p> </section> <section> <h2>………..</h2> <p>…………………………. <p> </section> </body> Examples of Section Tag Example 1: In this example, we use the HTML "section" element...

3 minutes read.

Html Wbr Tag

The Line Break Opportunity element A word break opportunity is a place in text from where the browser breaks a line. This opportunity is represented by the element wbr in the...

2 minutes read.

HTML5 Tags

HTML5 Tags A list of newly included tags is provided in HTML5. These HTML 5 tags (elements) provide a better structure for the document. This list shows description of all HTML...

3 minutes read.

How to append HTML code to a div using JavaScript?

In HTML, we have a div tag which is used to create a box where we can put a lot of other tags. So it works like a container. So,...

4 minutes read.

HTML <select> tag

This tag helps in making the drop-down list on the web page. This is highly used in HTML forms for taking the input from user. You can use the id attribute...

3 minutes read.

HTML <strong> tag

The strong element in HTML is used to display the real significant information in bold so that the user or reader will understand it easily. Syntax: <p> <strong>………… </strong> </p> Example Here, we will demonstrate how to...

2 minutes read.

HTML Background Image

Inserting image in HTML An image (technically digital image) in HTML or even in general technical aspects, is a binary representation of visual information. By visual information we mean, in the...

8 minutes read.

HTML Frames

Frames in Html is used to divide the browser into different sections where each section can load different Html documents. Collection of frame is known as Frameset. Creating frames:We use frameset...

2 minutes read.

HTML Font Size

The HTML <font> tag uses the size attribute to specify the size of the text. We can set the size attribute’s value from 1 to 7. The default size of...

4 minutes read.

Font tag in HTML

HTML stands for Hypertext Mark-up Language and is used to create web pages and other information that can be later displayed in a web browser. It also consists of a...

4 minutes read.

HTML <u> tag

Underline Element/Tag: The u tag in html is used to specify the important text or phrase by underline. In earlier HTML versions, this element was known as the "Underline" element, and...

5 minutes read.

HTML <body> tag

HTML means Hyper Text Markup Language, which is most preferred for making Web pages. It explains how a Web page is put together. There are many different elements in HTML,...

3 minutes read.

HTML Basic Tags

Heading Tags: This tag represents the document header. It is said to be a good practice if every document starts with Heading. Heading tags ranges from H1 to H6 i.e....

3 minutes read.

HTML &lt;blink> Tag

In HTML, the blink tag is used to create the text which flashes. The blink tag is an inline element in HTML. It is observed that the blink tag used...

2 minutes read.