×

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

CSS Clearfix

CSS Clearfix: A clearfix (or clear float) in CSS is for a component to clear or fix the child component, so we don’t need to insert additional markup. The clear...

4 minutes read.

HTML Hide Element

The HTML hide element is used to hide the element. We place the hidden attribute inside those elements which we want to hide. The hidden attribute is a Boolean attribute. The...

3 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 City tag

HTML <City> tag HTML < cite > tag specifies a citation, a reference or title to a creative work, quoted content, books, websites, a research paper, a blog post, a painting,...

3 minutes read.

How to Create a Portfolio Gallery using HTML and CSS?

First, before starting this, the user should know some of the basics of HTML and CSS to create a portfolio gallery. To add more functionality to the website, we can also...

7 minutes read.

HTML Text Format

Introduction HTML may format text in two different ways. The HTML tags define a text property to make it appear one way or another. A text element may also be formatted...

7 minutes read.

How to create a link with no underline in HTML

In HTML, an anchor tag (<a>) is a Styled Container tag, which means when a hyperlink is created using this, browsers, by default, display the link by applying some styles...

5 minutes read.

HTML <sup> Tag

The HTML sup element is used to describe one or more superscript contents. The sup tag shows a text which is presented above the regular line and half the length...

2 minutes read.

HTML Lists

HTML List HTML lists are used to specify data sets. All lists can include one or more elements from the list. HTML lists are available in three different types: Ordered List or...

4 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 Layouts

HTML Layouts HTML templates provide a way for well-managed, well-structured responsive web pages to be organized. We could say that the HTML layout specifies how web pages can be set up....

4 minutes read.

HTML Anchor

HTML Anchor The HTML anchor tags define a hyperlink that links to other pages on one page. It can create hyperlinks to any web page and files, locations or any other...

3 minutes read.

HTML Date

The input element in HTML has several attributes. One of its attributes is the type attribute which creates a calendar in an order that a user can select a date...

5 minutes read.

Responsive HTML5 and CSS3 Tutorial

Introduction to HTML5 Tutorial HTML5 is the latest and upgraded version of HTML. HTML is a hypertext markup language. Technically, it is not a programming language. It is a markup language. HTML...

17 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 <script> Tag

For embedding a client -side script, we use script tag in html tag. This <script> tag can be used for containing scripting statements. It can also point another external script file...

2 minutes read.

Html &lt;dd> Tag

In an HTML description list, an item's definition or description is indicated using the definition description ("dd" tag). A <dd> tag can contain paragraphs, line breaks, images, links, and lists. It...

4 minutes read.

How to change text color in HTML

Changing the text colour of a web page is essential because it enhances readability. There are several ways to change the colour of the text in HTML, which are as follows: Text...

7 minutes read.

Difference between HTML and DHTML

Introduction to HTML HTML stands for Hypertext Markup Language. It is a standard web language used to create web pages and applications. HTML is used to define the structure and content...

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.