What is HTML? A Simple Guide of Tags

Html intro

Share This Post

Share on facebook
Share on pinterest
Share on twitter
Share on linkedin
Share on google

HTML –Hyper Text mark up language was created by Tim Berners-Lee in 1991.The first version got published in 1999.It is standard language for creating web pages. This language basically describes structure of web page. It is the language that every browser understands. We require some language for communication. Suppose I am using here English for communication. But here when we start creating web pages we use HTML. It is not a programming language instead it is a markup language. Any Markup language is tag based language. Hypertext is the text you require for creating web page. A website consists of web pages. A website is just linking of web pages. Whenever you want to create a website, you will create first web page, then creating multiple web pages and after then linking them logically a website will be created. When you create web page you put a line, some images, table, paragraph, headings and some links, for this you use HTML.

Whenever you are checking Gmails, you will go to address bar and type some text and press Enter. The web page will be loaded. That means you are sending some http request. You require http protocol for communication. HTTP: HyperText Transfer Protocol. If that request is valid then you will be able to access that page. Browser has the capability of reading HTML and show webpage as designed.This is the how communication takes place over the network. Server will send the particular webpage as per the client’s requirement and will show it to user.

It consists of series of tags called HTML tags. They are keyword surrounded by angle brackets. They normally come in pairs for example : <p> and </P>. In this first tag is start tag and second tag is end tag. Start is opening tag and end is closing tag.

<tagname> content </tagname>

These tags tell the browser that how to display the page. The browser uses these tags to interpret the content of the page.Some tags like line breakers doesnot allow any text inbetween. Every browser has a parser which reads HTML and accordingly it will show the output. The HTML file is notepad file consisting of these markup tags ending with .html extension. This file also contains plain text.Html file is also called Web page. A web page consists of series of element or tags describing the same thing. But Html element is between the start and closing tag. The full statement including tags :

<p>This is pargraph</p>

The HTML element looks like:-  <tag attribute1="value1attribute2="value2">''content''</tag>

Even some elements would be empty and defined as <tag attribute1="value1attribute2="value2">

For example : img tag.

The name of Html element is same as used in tags

The first web page looks like : 

Below is the source html code :-

<html>

<body>

<h1> My First Heading</h1>

<p> My first paragragh</p>

</body>

</html>

Whenever we start a webpage we start with html tag and end with closing html tag.

Headings: HTML headings are defined with the <h1> to <h6> tags where H1 being the highest  level and H6 the least:

<h1>Heading level 1</h1>      <h2>Heading level 2</h2>      <h3>Heading level 3</h3>      <h4>Heading level 4</h4>      <h5>Heading level 5</h5>       <h6>Heading level 6</h6>    

Their effect on text are :

Heading Level 2

Heading Level 3

Heading Level 4

Paragraphs:                                                       <p>Paragraph 1</p> <p>Paragraph 2</p>
Line breaks: <br> Line breaks a line and <p> tag inserts a paragraph. Line break is an empty element which can be below stated as :
<p>This <br> is a paragraph <br> with <br> line breaks</p>

There is also a  link in HTML  which can be created by <a> tag. The href in this holds the link:-

<a href="https://www.wikipedia.org/">A link to Wikipedia!</a>

There are also inputs  like checkbox, text, file etc:-

<input type="text" /> <!-- This is for text input -->                          2 <input type="file" /> <!-- This is for uploading files -->                     3 <input type="checkbox" /> <!-- This is for checkboxes -->

And Comments eg:

<!-- This is a comment -->

The latest version of Html is XHTML5 got published in 2013.

Version YEAR
HTML1991
HTML +1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML 52001
X HTM L 52003

The html section consist of head and body:-

<!DOCTYPE html>                           <html>      
     <head>  
        <title> Page Title </title>
     </head>  
     <body>
        <h1> This is a Heading </h1>
        <p> This is a paragraph </p>
      </body>  
</html>

The head is for the identification that why this page is being created.The head contains title. Here you can also put resource sheets such as css files or java script  links.

Body is the main area of webpage. We see body part in the web browser. It contains heading where h1 is the biggest heading. We will be discussing about this in further articles.

The website you create with HTML is always static. In your PC, you should have text editor. I will be using notepad

Perquisites:

Should know how to start and some knowledge of computer

For windows 10, we will be using notepad or notepad++ .  These softwares are available as accessories in laptop. In these text editors, I will write HTML

Then when writing HTML you need to see output in any web browser like Chrome, Firefox etc. as per choice . These web browsers are also free. You can download as per your choice.

Thank you for Reading!

Subscribe To Our Newsletter

Get updates and learn from the best

More To Explore

Digital Marketing

How to begin and originate your own online business

State, labor, property, and entrepreneurship are traditionally deemed the four significant powers of creation. Although the Internet ought revolutionized. Moreover, there is immeasurable news for

YouTube images
Digital Marketing

Why no one talks about YouTube anymore

According to the people, thoughts the golden age of youtube is completed He’s remaining on the head of his seat as his twin sibling and

Do You Want To Boost Your Business?

drop us a line and keep in touch

small_c_popup.png

Subscribe to our Newsletter