What is HTML (Hypertext Markup Language)?

What is HTML?

HTML stands for Hypertext Markup Language is a computer language, developed by Tim Berners-Lee in 1989.  It is used to allow the user to create web pages/document like a website or web application. Hypertext is a text which provides a link to another web document which is not linear. It is also known as Hyperlink.

HTML is not a programming language, it is a hypertext markup language. Basically, this language is written in its entirety with elements, these elements are constituted by labels, content, and attributes,

So far we already have an idea about what HTML does but we still do not know how labels work. It is worth mentioning that the labels not only serve to order our content but also help search engines such as Google, Yahoo, and many others to find the information through the labels.

Now that we understand the concept of labels, we need to be able to identify them. These are characterized by the fact that they go within the characters less than <, and greater than>, as in the example:

<Here is the name of the tag>

Although it is not all because it must have a beginning and end tag. The start of a label is normal, in other words, it has the two characters that I mentioned before and inside these is the name of the tag. However, there is a difference for the end of the label because before writing the name of the label we must write a diagonal. As in this example:

<start of the tag>

</end of the tag>

There are certain exceptions for the purpose of labels since some are usually only used with the beginning of the label, examples of this are the BR (line break), IMG (label to put an image), among others.

We are almost ready to write HTML but we still need to see the structure of an HTML code. Our code should always start with the tag. Below is an example of the structure of the HTML code.

HTML (Hypertext Markup Language) Statements:

The statements of HTML are called Tags. The structure of the HTML (Hypertext Markup Language) document consists of tags. Tags are two types which are written in the angle brackets <tag name>, </tag name>.

  • Container Tags:

These are paired tags which consist of both opening and closing tags, e.g. <html>, <head>, <title>, <body>, <b>, <i>, <ul>, <table> etc.

Syntax:

<tag name>

Contents

</tag name>

  • Empty Tags:

These are single tags which consist of online one tag, e.g. <br>, <img>, <hr> etc.

Syntax:

<tag name>

Read also: Complete List of HTML Tags

A web browser is used to view HTML documents from a web server or from a local storage location. The web browser doesn’t display the HTML tags and attributions, however, it reads the HTML document containing text or images in references of tags and attributions.

E.g. if we write some text like this <b> this is bold </b>, it shows in a browser as this is bold where tag <b> is used for bold.

HTML (Hypertext Markup Language) Editor:

We just need to know where to write HTML code. For this, you need a text editor. A simple text editor is used to write HTML (Hypertext Markup Language) like Notepad, Notepad++, WordPad, Sublime, and TextEdit, etc.

You can also use Sublime text editor because it facilitates to write the code.

Write some text in tags in a Notepad and save it with the extension of .htm or .html.

Now go to the file and open it in your computer browser. Your document will show in references to tags and attributions.

What is HTML5?

It is the latest version of HTML (Hypertext Markup Language), uses the structure of the basic HTML. It consists of a combination of three codes, i.e. HTML for developing the structure of a document, CSS (Cascading Style Sheet) for the styling of the document and JavaScript for happening. New semantics and dynamic elements are included.

Some new elements are also included in this version.

Example of HTML5 Document:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>this is title of the document</title>
</head>
<body>
These are body contents of the document
</body>
</html>

How to Create an HTML (Hypertext Markup Language) Document?

Simply copy the above codes and past it into a Notepad.

  • Click on Start in window8 or window10
  • Click on Notepad
  • Just copy and paste the above codes.
  • Save it as filename.html in your computer
  • Now, you can open and see the file

If this article is helpful for you, feel free to share it with your friends to all social networks like Facebook, Twitter, Google+ and LinkedIn, etc.

Similar Posts