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

HTML5 Attribute

HTML Attribute HTML attributes are special words that provide additional information about the HTML element or attributes.The element or tags have attributes, which define the element's behavior.It also adds attributes with a start...

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 &lt;body> alink Attribute

HTML <body> alink Attribute What is HTML? The HTML or HyperText Markup Language is used to design web pages. The file extension name for HTML file is ".html". It was released in...

2 minutes read.

HTML Links

It consist of anchor element which is used to create a link between a source anchor and destination anchor. The anchor tag can be embedded between text, image, video or...

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.

Div Tag in HTML

In HTML, ‘div’ is a tag that specifies division or section in HTML document. But before going in detail of it, let’s first understand about tags in HTML. The tag...

8 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 <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 Form Action

The <form> tag has an attribute named action that contains a URL. The HTML action attribute defines the webpage URL on which you want to send the data after submitting...

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

HTML Code

Before jumping into the topic, let’s understand a common scenario where we have a code snippet in our HTML file. By code snippet, we mean computer code, which is written...

5 minutes read.

HTML Id Attribute

The HTML id attribute represents the unique identifier for an element of the HTML document. Each element has its unique identifier. The id attribute is a global attribute that can be...

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

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 Elements

An HTML element is nothing but a starting tag and then some content and then the closing tag. So we can say HTML elements is everything from the starting tag...

3 minutes read.

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

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

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.