Logo
×

HTML Tutorial

Introduction

This HTML tutorial helps beginners and professionals to learn HTML easily.

HTML is a widely used web technology for website development. It stands for Hyper Text Markup Language. It is mainly used to create web pages which are static in nature.

What is HTML

HTML stands for Hypertext Markup Language. It is created for designing Web Pages and Web application. To increase its efficiency it is embedded with many languages such as CSS (Cascading Style Sheets), JavaScript etc.

  • Hypertext: It describes the way according to which all the HTML documents (Web Pages) are linked together. Therefore, the link available is known as Hypertext.
  • Markup Language: It means to simply “mark-up” a text document with tags which informs the browser “How to structure it to display”.
  • HTML consists of different elements which are considered as the building blocks of HTML pages.
  • Its elements are represented by tags.
  • Browser does not shows tags but shows all the text formatted in the tags.
  • HTML does not shows any error.

HTML Example with Online Editor

We have given online editor option with each HTML example. So, you can edit any example and see the changed output.

<!DOCTYPE html>

<html>

<head>

<title> My First HTML Page </title>

</head>

<body>

<h1 style="color: #c7254e;"> Heading of web page </h1>

<p style="color: #c7254e;"> My first paragraph </p>

</body>

</html>

Output:

HTML Tutorial

Explanation

In the above example:

  • <!DOCTYPE html> -  It describe the type which is doc and Html version.
  • <html> - This tag encloses all the html document which includes tags as well as text.
  • <head> - This tag represents the document header and can have different tags embedded within such as <script> etc.
  • <title> - It specifies the title for the document and it is used inside
  • <body>  - All the text of web page is written inside this tag having other html tags   inside for better presentation.

 For Example:

  • <h1> - This tag represent the heading and 1 represent the size (h1 is the max size).
  • <p> - It is a paragraph tag where text wrap in it is in paragraph form.

HTML Tutorial Index

HTML List

HTML5 Advance

Misc

Related Topics

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.

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 <sub> tag

The sub element in HTML is used to describe one or more subscript texts. If The sub tag shows the text which is presented in a smaller font and below...

2 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.

HTML <summary> tag

When we simply want to show the primary heading or topic name of hidden detailed material to users, then we can achieved this by using the summary tag. This makes it...

2 minutes read.

HTML Code Tag

The code tag in HTML is a phrase tag used to insert a piece of computer programming code. In HTML there is a separate tag named as <code> tag. Sometimes,...

3 minutes read.

HTML Headings

The titles and subtitles of our webpages are known as HTML headings. Let’s not talk about webpages but giving heading to almost everything like normal paragraphs, articles or let it...

2 minutes read.

HTML <video> Tag

The Video tag in HTML is used to play video on a media player on the web page. We can also insert an audio by the video tag, but audio...

6 minutes read.

HTML <address> Tag

Hyper Text Markup Language, HTML is the best markup language for creating Web pages. HTML consists of a wide variety of elements. In all of these elements, one element is...

4 minutes read.

How to insert 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 form of drawings/pictures,...

5 minutes read.

HTML Unordered List

In HTML, we have <ul> tag which defines the unordered list. And it is also known as bulleted list, because as we know it is not ordered list therefore it...

2 minutes read.

How to insert spaces/tabs in text using HTML/CSS

What is HTML? HTML or HyperText Markup Language is used to design web pages. It was released in 1993. The file extension name for HTML file is “.html”. An HTML file...

4 minutes read.

HTML Attributes

HTML Attributes provide the additional information about HTML elements. Attributes are always specified in the start tag. Attributes usually comes in pairs. lang Attribute This attribute helps in declaring the language...

2 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 Form Input Types

HTML Form Input Types An important element of the HTML form is < input type= "> in HTML. The type attribute of the input element can be of different types, which...

8 minutes read.

Most Commonly used Tags in HTML

In this tutorial, we'll look at the most popular HTML tags. We know HTML is a fundamental requirement for creating a website. As a result, it is essential to remember...

9 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 &lt;Col> Tag

You can write the col tag inside the table tag after the thead, tbody, foot, and tr tags. You can also apply it after the caption tag (in which the...

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

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.