Breaking News
Home / HTML / What is HTML? How To Create Basic Page Structure Using Tags

What is HTML? How To Create Basic Page Structure Using Tags

HTML stands for Hyper Text Markup Protocol, it describe the structure of web pages. Browser understands the only html and display things according to codes what we write in HTML language.

Berner Lee was created this Markup language at the very first time to send documents among different departments of his work place. Many versions came into being just like other languages, but HTML 4.01 is such type of version that was used as some more of JavaScript is replaced by tags. Availability of tags like <webworkers> adds advantage like reduced crashing and pausing of browser, it means there are some facilitates of Java Script are running behind.

Before going to learn HTML you should know the following thing well:

Prerequisites:

  • Basic typing Skills
  • Notepad or Notepad++
  • Saving files, directories
  • Image format as png, jpg

 

 

After little its introduction now we start learning HTML step by step. As we know HTML tags are used to create web pages that is why we must have to learn what are HTML tags at the first place.

What is HTML Tag?

In simple words Tags are the predefined words that are embedded directly into the text of a HTML document. Each HTML tag tells that the browser should do something instead of simply displaying the text. In HTML, the tags begin with (<) and end with (>) HTML tags can be of two types.

 

Paired Tags: 

A tag is known to be a paired tag if the text is placed between a tag and its companion tag means closing tag

. In paired tags,  the first tag is referred to as Opening Tag and the second tag is referred to as Closing Tag. It is also called non singular tags

<i> This text is in italics. </i>

Here <i> is called opening tag. and </i> is called closing tag

 Unpaired Tags:

An unpaired tag does not have a companion tag. Unpaired tags are also known as Singular or Stand Alone Tags. It is also called singular tag.

 <br> , <hr>

These tags do not require any companion or closing tag.

Basic Structure of HTML Page:

As we know that each tag does its own function in Html page, so now we are going to create very basic page.

Remember each tag we used in html is to be closed.

Code Example:

 

 

Using  above code we just created very simple webpage, lets explain the tags what we used in coding.

<HTML>:

You can at the very first place we used this tag, it only tells the browser this is an html webpage, all other coding is kept inside the html tag as we closed at the very end point.

<head>:

After the <html> we use this one, it provide information to browser about your webpage. More simple <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag. HTML metadata is data about the HTML document. Metadata is not displayed. Metadata typically define the document title, character set, styles, links, scripts, and other Meta information that is why only few tags are used in <head> section that are under.

      <title>, <style>, <meta>, <link>, <script>, and <base>.

<title>:

It is also for the browser, actually it describes the title of your webpage.

<body>:

It is our area, all things you write in this section are visible

<h1>:

It is for heading, when we put this tag our content will be large.

<hr>:

creates a line horizontally, it is unpaired tag that has no closing

<center>:

Puts our text in center of the page

 

This is very basic introduction and creation of simply web page; you try this code and observe its working in browser, as

  1. Open your notepad or notepad++
  2. Write above code there or copy past
  3. Save it by crl+s , but file name should be with html extension  such as  “website.html”
  4. Open saved file with browser

 

 

If you have any question related to this one, must put in under comment section thanks

Check Also

How to Use Frames In Website Using HTML Tags

Frame is another component of Webpages it is not used as most of the time. …

<