HTML: Understanding the Language

HTML (Hyper Text Mark-up Language) is a language that is used in the development of web pages and web applications. It was discovered by Tim Berners-Lee in the year 1990.

Let us understand what Hyper Text Mark-up Language means-

1)  Hyper Text

Hyper Text means “Text within Text”. Hyper Text is a method by which you can move about on the web and link two or more web pages. A text which has a link is called a hypertext. By clicking on the link, you are brought to a new webpage. It is called Hyper simply there is no set order in which things are needed to be done. You can move to any place on the Internet by simply clicking on the links.

2) Mark-up Language

A Mark-up Language is a computerised language that enables the application of layouts and formatting conventions to text documents.

How does it work?

When working with HTML, simple code structures are used to mark up a web page. For example, a paragraph can be created by enclosing the content within <p> and </p> tags.

The HTML pages consist of a series of tags which can be referred to as “Elements”. They are considered to be the building blocks of a web page creation. The elements enable the text to be presented in a desired way by structuring the text into headings, paragraphs, sections and other content blocks.

It is important to remember that the HTML elements have and opening and closing syntax i.e. <tag> and </tag> respectively.

Some elements however, are not subjected to this rule.

For example, the <img> tag used for showing images.

HTML documents end in .htm or .html extension.

Tagging

The tags or elements are what truly separates an HTML text from that of a normal text. It is by using the tags that allows the browser (Internet Explorer, Safari, etc.) to showcase images, tables among other things. The tags are hidden but the effects are what the browser displays.

For Example:

<b> these will be in bold</b> these will not be.

In the above example, the text that is wrapped by the <b> and </b> will be in bold while the rest won’t be.

Example

Following is a code example of how the HTML elements are used:

<html>

 <head>

  <title> Page Title </title>

 </head>

 <body> Web page content

 </body>

</html>

1) The <html> opening tag allows the browser to know that it is reading HTML code.

2) The <head> contains the information of the page such as its title.

3) The <body> contains all the information that is viewable through the browser.

4) The </html> closing tag wraps all the above tags.

Have any doubts? Comment down below!

Leave a Reply

Your email address will not be published.