Introduction to HTML and CSS for Beginners - Hafiza Rabbia Shafiq

In this article, I would like to explain briefly about HTML as I want to write an Introduction to HTML and CSS for beginners.

After reading this article, you will be at least known about:

  • What is HTML?
  • Why HTML was created?
  • History of HTML?
  • Is HTML a programming language or not?
  • Use of CSS in HTML:
  • How do CSS and HTML work together?
  • Different HTML Versions:
  • HTML Document

What is HTML?

Hyper Text Markup Language is abbreviated as HTML.

HTML language is basically the language of the browser.

The standards of the HTML have been created by the “WORLD WIDE WEB CONSORTIUM”.

We basically use HTML for the creation of the Web Pages.

The elements used by HTML are the main segments of HTML pages.

Each HTML element is represented by the specific tag and each HTML tag contains some sort of data in it such as headings, paragraphs, images, links, and lists and so on.

HTML Tags are not displayed by the web browsers; it is only used to deliver the content of the page.

Why HTML Was Created?

HTML was first discovered by Tim Berners-Lee in 1990.

It is used for the creation of electronic documents also called as web pages.

Each page comprises of a series of connections to other pages called as HYPERLINKS.

Is HTML a programming language or not?

We often say that HTML is a programming language but let me tell you that HTML is not a programming language.

Programming allows us to explain some kind of process of doing something sequentially.

The “ML” in HTML stands for “Markup Language”. This language is basically used for the designing, processing, and presentation of the text.

It structures the HTML file in a proper and specific format.

This language allows us to organize and improve the physical appearance of data on the internet.

Use of CSS in HTML:

Cascading Style Sheet is abbreviated as CSS. It interprets the styles for our web pages.

It basically specifies how HTML elements will get display on your screen. It can save so many works. It has the capability to control the layout of many web pages at the same time.

Style sheets are stored in CSS files.

How do CSS and HTML work together?

HTML & CSS both are correlated to each other. The CSS file is made inside the HTML file.

The link to the CSS file used in the HTML file tells the browser that for displaying the HTML file, the layout will be used from the CSS file.

CSS manages the design of HTML documents.

Different HTML Versions:

Since from the creation of HTML, many versions of HTML have been introduced.

HTML 2.01995
HTML 3.21997
HTML 4.011999

HTML Document:

HTML document is a file that contains HYPER TEXT MARK UP LANGUAGE. Its file name usually ends with .html extension.

Without using this extension, the browser won’t be able to recognize and display your HTML file.

Let me show you the simple HTML Document.

simple html program

The given picture is the simple HTML document. As you see that I have saved the file name as homepage.html. So do remember this .html extension because, by this extension, the browser will display your HTML file on your web page.

output of simple html program

So as there is no error in our HTML file so it displayed our HTML file properly. You can see the page title at the top, then heading and then paragraph.

I hope like “Introduction to HTML and CSS for Beginners“. I will be discussing rest of the tags in upcoming articles. So keep up reading and learning.

Leave a comment if you have any question and share it with your friends if you found it useful.



Please enter your comment!
Please enter your name here