HTML Basics

Hypertext Markup Language (HTML) is one of the most commonly used language to design and develop web pages. To create a web page using HTML, you must have to be familiar with the HTML basics.

So learn HTML basics such as tags and the content embedded within the HTML tags, attributes and the data types.

HTML tags instruct the web browser about how it should interpret the document. The attributes of the tag provide the additional information such as its behaviour and properties. The content is displayed on the browser according to the properties and behaviours defined by the tag and the attributes.

HTML tags can be categorized into following parts depending upon the behaviour that they display on the web page:

  • root - contains the main tag of the HTML
  • metadata - contains tags that define the behaviour of the entire HTML document
  • section - contains tags that are used to represent various sections of the HTML document
  • heading - contains tags that represent headings in the HTML document
  • flow - contains tags that are used in the BODY tag of an HTML document to define the structure of the document
  • phrasing - contains tags that are used to display text of an HTML document
  • embedded - contains tags that are used to embed content in the HTML document
  • interactive - contains tags that are used for the user interactivities

HTML Basics Example

Here are some HTML Basics example that you can go for:

<!DOCTYPE HTML>
<html>
<head>
   <title>This is Title</title>
</head>
<body>

<h1>This is main heading</h1>
<p>This is a paragraph.</p>
<h2>This is sub-heading</h2>
<p>This is also a paragraph</p>

</body>
</html>

Write the above HTML code in your text editor (notepad or other) and save it along with .html extension. Now open the saved file in your browser, it will looks like this:

html basics tutorial

Here is one more HTML basic example

<!DOCTYPE HTML>
<html>
<head>
   <title>HTML Basics Tutorial Example</title>
</head>
<body>

<h1>HTML Basics</h1>
<p>This is HTML Basic Tutorial</p>
<h2>HTML Basics Example</h2>
<p>This is HTML Basic Example</p>

</body>
</html>

Here is the output of the above HTML code:

html basics

HTML Online Test


« Previous Tutorial Next Tutorial »