What Is HTML (HyperText Markup Language)? For Beginners

0
391

HTML stands for Hypertext Markup Language. It is a very easy, simple, and only markup language for creating web pages. HTML is used for creating web pages. It provides titles, headings, paragraphs, lists, tables, images, etc. It provides a structural format to show the content of web pages. It is very easy to understand.

HTML’s first developer Tim Burner Lee in 1990. It is used to create pages that are shown on the World Wide Web. Some pages include a series of connections to the other pages that are called hyperlinks. Some web pages we can see on the internet are written using HTML.

In creating a web page, HTML uses many tags and their attributes. Some basic tags are  <html> tags, <head> tags, <title > tags,<body> tags etc.

Versions of HTML

HTML is a markup language and it has evolved with various versions modifying. Each version has allowed users to create web pages much easier, making sites very efficient.

  • The first version of HTML:  HTML 1.0; was released in 1993. It is shared into information that can be readable and accessible to web browsers but developers were not satisfied with creating websites. So that is the reason that language was not growing.
  • After being released HTML 2.0 in 1995. this version has all the features of HTML 1.0. HTML 2.0 was released with a few additional features for designing and creating websites.
  • Then comes HTML 3.0 which improved new features of HTML.that were more powerful characteristics for designing web pages.
  • After HTML version 3.0 was released versions of HTML 4.0 became widely used and a successful version of HTML.
  • HTML 5.0, the currently released version, is used worldwide.

Features of HTML

After studying the introduction of HTML and its version now we will discuss some of the features of HTML: 

  • HTML is a very simple and easy language that can be easily understood and modified.
  • HTML is an independent platform that supports all environments like Windows, and Linux. etc and that is the most important part of HTML.
  • In HTML, for attractive looks for your own web pages, videos, sounds, graphics etc. We can easily add these functions.
  • For attractive presentation in the web portal, we have used formatting tags and it is possible in HTML
  • In HTML; multiple links can be added to a web page so that we can easily redirect to another page using listed links.

Application of HTML

  • In HTML, web content for better display, we can use browsers like Chrome, Safari, etc.
  • For better presentation of Internet content on mobile, we use different mobile browsers like Opera, Firefox, and Microsoft Edge.

The basic structure of an HTML document :

Before we can start content to our document we need a basic structure to set up in our file.

The basic structure of any HTML document following sections or elements:

  1. The DTD (<!DOCTYPE > declaration).
  2. The main container (<html>element).
  3. The head section (<head> element).
  4. The body section <body>elemen).

The! DOCTYPE declaration : 

In every document start with a basic declaration that identifies its type. It is a special tag <!DOCTYPE> that takes a particular form for each document type. It is only present at the start of the document. The declaration is written at the top of the document.

The main container; HTML element : 

After declaration create the main container; where a place expects the DTD.

This container is inserted with <html> element, which provides a good chance to define the language used by documents through the global attributes.

The head section: In <head> section inform about the metadata document. Metadata is divided into parts according to the element used : 

  • The document’s title: It contains the subject treated in the document it is inserted with the <title> element.
  • Style declaration: It is inserted with <Style> element it is used to set presentation attributes for the element.
  • Client-side script: It is inserted with the <script> element.
  • Meta statement: they are declared with the<meta> element.
  • Relational information: It is inserted with the <link> element.

Syntax: <head> statement </head>

For example: <html>

                        <head>

                        <title>my first program</title>

                         </head>

                         ……..document element’s…….

                         </html>

The document’s Body: In this section start writing our content like as heading, paragraph, and image. etc.

HTML Element: The HTML element is shown by a starting tag (a tag that is written in angle brackets <> ) and it ends with a closing tag.

<opening tag> element content <closing tag  

Example : <h1>my first program </h1>

Basic tags of HTML

HTML has some basic tags : 

  • <Html> tag : The <html> is the first line of html document. It contains all other HTML tags.

Syntax : <html>

              Document element

              </html>

  • <Head> tag: In<head> tag has written metadata like as document title, character set, script and other meta information.

Syntax: <head>

                Other element

             </head>

  • <title> tag: <title> tag is the important tag that tag is used for a given title in any webpage that is created using HTML. It is written under <head> tag.

Syntax : <head>

              <title>my first program</title>

               </head>

  • <body> tag: It is the main tag of an HTML document because this tag contains all the content of an HTML document. Body tag has many attributes like as background color, font size, margine, link, text etc.

Syntax : <body> 

             ……..content……..

            </body>

  • Paragraph tag: In an HTML document; It is used to add a new paragraph.  The paragraph tag is represented as <p> tag.

This tag (<p>) defines a paragraph.

Syntax : <p>content</p>

  • Line break: In an HTML document; It is used to add a line break. line break tag is represented as <br> tag.

HTML heading: It is used to create a heading to display html document. It represents <h> tag. It has <h1> to <h6> tag that defines html headings going to the largest to smallest section.

<h1> is largest and <h6> is smallest section.

Syntax : 

               <h1>….content….</h1>

               <h2>….content….</h2>

               <h3>….content….</h3>

                <h4>….content….</h4>

               <h5>….content….</h5>

                <h6>….content….</h6>

Advantages of HTML

  •  It is an independent platform.
  • It supports all browsers.
  • HTML is easy to learn, use and modify the language.
  • It is important for beginners in the web development field.
  • Html is used widely and globally.

Conclusion

In this post we share information about HTML Hope you like the post if you like this post then share it with your friends on WhatsApp or Facebook. also, share your opinion about this post in the comment section.

Rate this post

LEAVE A REPLY

Please enter your comment!
Please enter your name here