Skip to main content

HTML (Chapter 2) Contd..

  HTML (Chapter 2) Contd.. Learning New each day! Moving ahead every day! Over the years, several versions of HTML have been released but undoubtedly, the basics of HTML remain the same. The basic structure and the sequence of tags remain the same. Any HTML document starts and ends with opening <HTML> and closing </HTML> tags. You may write thousands or millions of sentences or attributes in your HTML document, But this remains the same- <HTML>……</HTML> And the whole document comes in between. Now, just after the opening <HTML> tag comes the opening and closing <head> tags which contain all the non-visual elements of the Html document. It looks like this- <HTML> <head>…..</head> </HTML> And now, the head tag is followed by the opening and closing <body> tags. The body tags contain all the visual-structural elements of the html document such as the paragraphs, headings, quotes, lists, images, links , and many more. ...

Html, What is it and How Does it Work? Super Easy Programming Tricks!

 Html, What is it and How Does it Work?



Html stands for hypertext markup language and it is used world wide over web in each and everything you see on the internet.

So in this article, we will be talking about the basics of HTML.

Well, as said above, it is a language but it is neither a speaking language nor a simple programming one rather it is a high level language which computers use and is quite easy even for us to use it in our daily lives if we are more passionate about internet or computers or anything related to them.

Html is a markup language that uses tags to define each part of a particular web page like that of the introduction, title or heading, body, end, etc. There are a hell lot of tags in HTML which we will come across in further lessons. But the very basic tags of HTML are as follows:

·        Opening and closing Html tags

·        Opening and closing head tags

·        Opening and closing title tags

·        Opening and closing body tags

·        Opening and closing paragraph tags

And much more.

How do these tags look like?

<Html>….</Html>

<br>…….</br>

<head>…..</head>

<title>…..</title>

<p>…..</p>

<body>……….</body>

Now let me discuss each one of the above tags.

·        ‘Html’ tags are used at the starting and ending of any html document.

·        ‘Br’ tags are used to break any sentence or line into another separate line.

·        ‘Head’ tags contain the title of the particular HTML document.

·        Well, title tag is inside the head tag and this is also responsible to give the heading or title of the document.

·        ‘P’ tags are used for paragraphs.

·        ‘Body’ tags contain the body section of any HTML document, as the name suggests- ‘body’.

Well there are many more tags to be learnt in HTML which we will be doing in further lessons.

Now, the very first thing that comes into your mind is- where to write the HTML document and how to save it?

For writing HTML document you can use any kind of text editor apps such as notepad, wordpad, PowerPoint and more like that. And if you speak professionally, there are many e online platforms which act as an interface for HTML documents and now a days there are many apps as well.

Well this can be considered as a big advantage of HTML that it can be written in any simple text editor app even if you do not have any particular app for online interface at the moment.

But these tags have a specific order in which they can be used. They are not free to be used anywhere. The sequence for the tags is as follows:

<Html>

<Head>

<title>……..</title>

</head>

<body>

<p>……….</br>…..</p>

</body>

</Html>

This is the sequence to be followed. However, there are a lot of things that you will be coming across in further lessons so that you can understand each and every part in a perfect way. But you need not to worry, just stay tuned with the article and website to learn programming languages in a super easy way!

Now the point comes how to save it?

You can give any file name to it while saving, the only thing important here is it’s extension i.e; & “.html

Example, I can save my file name like-

myprogram.html

The moment I add the extension .html, it gets saved as a html document and you can easily open it on your browser.

How to open on browser?

Just open your browser on your pc or laptop or Android and in the search bar, just type the name of the html document file which you had saved with extension .html. Now you can view the changes on your browser which you have made in your html document. You can view this even if you are offline!

Html file opens in the browser even without any internet connection.

If I talk about the basic web development, it starts from HTML itself. Creating even a simple content for the web is done through HTML. But we use many other languages along with HTML in order to make a proper website or web page.

·        HTML is used to build the basic structure or the base of the web page.

·        CSS or Cascading Style Sheets is used to decorate the presentation of that particular web page or website.

·        JavaScript is used for the behavior of web page whereas,

·        PHP is used for Backend and CMS for Content Management.

HTML is super easy to be honest. It’s the easiest language of all the languages.

So let’s dive right into it without any further introduction!

To be Continued…..

Stay tuned with the website for further lessons! Thank You.

Comments