HTML is an initialism that stands for HyperText Markup Language. Now, there are two parts to this: Hypertext and Markup Language, however here I will be focusing on markup language first. A markup language is not the same as a programming language. When we use a programming language, we are describing how something should behave. Rather, markup languages are used to annotate and add semantic structure, or meaning, to a test document.

So fundamentally you can think about a web page in terms of text with markup added on top.

The general concept and term “markup”, evolved from the idea of a book editor or writing instructor marking up a document with a pen or pencil, similar to what you might remember from school. However, HTML isn’t intended to suggest corrections to the text, rather it structures and shapes the text in a way that makes it easier to understand, both for people like you and me as well as for the software that interprets the markup. An example, HTML is a markup language that is interpreted by a web browser.

Here’s a small example for you to understand.

This is a headline

This tag describes that the content in between these tags is a paragraph tag.

This is also a heading tag

This is a second paragraph the paragraph can be about anything. It could be about your new book, about your food experience at the Taj Hotel or about your pet.

<h1> This is a headline </h1>

<p>This tag describes that the content in between these tags is a paragraph tag</p>

<h2> This is also a heading tag </h2>

<p>This is a second paragraph the paragraph can be about anything. It could be about your new book, about your food experience at the Taj Hotel or about your pet </p>

In the above example if can see two sets of texts, one, which is a plain simple text and the other which is annotated by HTML tags.

These HTML tags help the browse understand the, that what piece of text in the document semantically represents.

Here tags are used to add meaning to the text i.e the <h1> tag signifies that the text it holds is a heading. The <p> tag (p tag) signifies that the text inside the tag is a paragraph tag.

All tags are made of three essential components, < a less-than sign, > a greater than sign and a very specific piece of text between these two symbols.

Hope you enjoyed reading it and gained a bit of knowledge about HTML.

Stay tuned for more web development tuts.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store