HTML Online Tutorial | Web Designing Tutorials | Learn HTML Web Programming

Subscribe to Freshers Jobs

Search 1000’s of local Job Postings ! Increase your chances to get your dream job.

Welcome to FreshersPlane, FreshersPlane Provide you latest Job Notifications , Career Opportunities, Government Jobs Information,

Don't forget to subscribe to email notifications to get all latest jobs directly to your email daily. We post more than 1000+ jobs every week.So,

Welcome to our Web Programming Tutorial series to help the newbies to learn about the basics of Web Programming. So if you want to make your own website or want to become a Web Programmer, this is the right place that will guide you to start your journey. HTML is the first language that we are going to learn.

Are you ready? If yes then let’s start…

HTML stands for Hyper Text Markup Language and refers to a system for communicating to a Web browser how the contents of a page will be displayed.

Introduction to HTML

HTML is not actually a programming language. It is a markup language which uses markup tags to describe web pages.

A HTML document has a .html/.htm extension which tells the browser that it is a HTML document.

Things We Need

First we need some instruments to make ourselves ready to start learning HTML.

Here are the tools I prefer:

  • A Text-Editor (Notepad/Notepad++)
  • Web Browser (Internet Explorer, Mozilla, Google Chrome, Opera)

I prefer to use Notepad++ for its user-friendly interface and it’ll help you to identify the tags more easily as it has a beautiful syntax highlighting system. Download the latest version of Notepad++ from here and install it to start. You can also use the default Windows Notepad to start with.

HTML Tags and Elements

An element in HTML is a term that is used to describe individual parts of a website and HTML tags are keywords surrounded by angle brackets like <html>.

HTML tags normally comes with a pair. The first one is the start tag which is also called the opening tag and the last one is the end tag which is also known as the closing tag.

Here’s a simple example to describe the thing easily:

<h1>My First Heading</h1>
<p>My First Paragraph.</p>



A HTML document starts with <html> tag and ends with </html> tag.

Then we need to define the HTML body element.

Find the Latest Jobs in our site for freshers , experience .List of walkings , fresher jobs, latest jobs,Govt Jobs, Sarkari Naukri for all engineering branches, all graduates,
Apply for all jobs mentioned in our site.

The body element has a start tag <body> and an end tag </body>. Everything between these two tags will be the main part of a HTML document.

<h1>My First Heading</h1>
<p>My First Paragraph.</p>

HTML headings are defined with the <h1> to <h6> tags.

Here we have defined a HTML heading which starts with <h1> start tag and ends with </h1> end tag.

The second line is a paragraph element which is defined by <p> tags. A paragraph element has a <p> start tag and a </p> end tag.


In this tutorial we have learned:

  • What is HTML?
  • HTML Basics
  • HTML Elements
  • HTML Tags

Now you should try yourself to understand these codes and practice it .

Start Notepad/Notepad++ on your PC and paste the above code in it.

Then save the file as index.html and open the page/document on your browser.

If you have any questions regarding this tutorial feel free to ask me on the comment area.

In our next tutorial we will learn about more HTML elements and tags.

 Check out More Tutorials on HTML



Freshersplane is online web Platform working for graduates with aim is to to make the career searching task simpler and easier by providing them information about jobs which are relevant to them. Job Search, Latest Jobs, Government Jobs, Results

Powered by Indian Servers Competitive Exams Syllabus Colleges List TCS Next Step

Latest Fresher Recruitments 2014 , 2015, 2016, 2017

Latest Govt Jobs

List of Government Jobs

AIIMS Recruitment ICAR Recruitment NIT Recruitment
ANU Recruitment ICMR Recruitment ONGC Recruitment 2017
AP Police Jobs IIPM Recruitment OPELIP Jobs 2017
AP Transco Recruitment IIt Kharagpur Ordnance Factory Recruitment
Army jobs Government Jobs in Tamil Nadu Indian Oil Recruitment
BECIL Recruitment Indian Oil Corporation Limited recruitment Railway Recruitment Board
BEL Recruitment 2017 Government Jobs in Telangana Rajya Sabha Recruitment
BHEL Recruitment Indian Post Office Recruitment RGAVP Recruitment
 Balmer Lawrie ITPO Recruitment RNTCP Recruitment 2017
bpcl recruitment VMMC & Safdarjung Hospital Recruitment satara zp recruitment 2017
BPRD Recruitment KSRTC Recruitment SCTIMST Recruitment
Cement Corporation of India (CCI) Recruitment 2017 Madras Fertilizers Limited Recruitment Singareni Collieries Company Limited (SCCL) Recruitment 2017
coal india recruitment 2017 MDL Recruitment SSB Recruitment
Cochin Shipyard Recruitment Mizoram PSC Recruitment 2017 SSC Recruitment
CPCL Recruitment Government Jobs in AP Tata Institute of Social Sciences
CRIS Recruitment MSU Baroda Tata Memorial Centre Recruitment
Delhi University Recruitment UCMS TNAU Recruitment 2017
DRDO Recruitment NABARD Recruitment TNPSC Recruitment 2017
ECHS Recruiment Navy jobs TSCAB Recruitment 2017
fci recruitment NCRTC Recruitment TSPSC Recruitment
Goa Shipyard Recruitment New India Assurance Company Ltd. Recruitment 2017 AP Govt Jobs
GPSC Recruitment NHIDCL UIIC Recruitment
HAL Recruitment NHM UKPSC Recruitment 2017
LIC Housing Recruitment NIELIT Recruitment UPSC Recruitment
HRTC Recruitment NIRT Recruitment 2017 uttarakhand gov jobs
VSSC Recruitment Telangana Govt Jobs Vizag steel plant  Recruitment


Add a Comment
  1. how to run the program or explain how to open page/document on the browser.

  2. how to run the program or explain how to open page/document on the browser.

  3. how to open the page or document on the browser?

    1. u just save it with some file name,and in that same note pad , click open then u can find the file name with html doc thats with html ext


Leave a Reply to Anonymous Cancel reply

Your email address will not be published. Required fields are marked *

five + twelve =

Freshers Plane - 2017, 2016 and 2015 Freshers Job updates | Freshersplane Jobs | 2016 Freshers Job Updates | © 2017 Frontier Theme