Basic Introduction to HTML

In this article we are going to learn about HTML basics .

Basic Introduction to HTML

What is HTML ?

  • HTML stands for Hyper Text Markup Language.
  • It is the standard markup language for creating Web pages.
  • It describes the structure of web pages.
  • HTML elements play a vital role to display content on the browser.
  • It has two extensions HTM and HTML .
  • You can define different kinds of elements such as headings, paragraphs, images, Styles etc. In HTML .
  • The default landing page of many Web servers defaults to index.html or default.htm and either way it's simply a start page. It's not necessary at all.

Difference between .html and .htm extensions.

There is no such big difference between HTML and HTM. It just a one letter difference. In addition to that there is a small difference between them It is of preference order. If your website has two file one with name index.html and other with name index.htm your .html file will run as the main(index) page of your website.

Advantages of HTML

  • HTML helps to build structure of a website and is a widely used Markup language.
  • HTML It is easy to learn.
  • HTML is supported by every browser.
  • HTML is light weighted and fast to load.
  • Storage of big files are allowed because of the application cache feature .
  • HTML has many tag and attributes which can short your line of code.

Disadvantages of HTML

  • It cannot produce dynamic output alone, since it’s a static language.
  • It's not a programming language , it's just a markup language where we can only add structure to it .
  • HTML can create only static and plain pages so if we’d like dynamic pages then HTML isn’t useful.
  • Long codes becomes complex.

Syntax of Basic HTML code :-

<!DOCTYPE html>
<html>
<head>
<title>Title of your page</title>
</head>
<body>

<h1> Welcome to Introduction of HTML </h1>

</body>
</html>

The mentioned tags meanings :

Note
There are two kinds of tags one is opening tag one is closing tag .
Opening tag denotes - <>
Closing tag denotes - </>

Example :

<tagname> Write your contents here </tagname>

  • <!DOCTYPE html> declaration defines that this document is an HTML5 document.
  • <html> element is the root element of an HTML page.
  • <head> element contains meta information about the HTML page.
  • <title> element specifies a title for the HTML page.
  • <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
  • <h1> element defines a large heading.

Code with output :

Did you find this article valuable?

Support Kushal Das by becoming a sponsor. Any amount is appreciated!