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:

1
2
3
4
5
6
7
8
<html>
<body>
<h1>My First Heading</h1>
<p>My First Paragraph.</p>
</body>
</html>

Explanation

1
2
3
4
5
<html>
<body>
</body>
</html>

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.

1
2
<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.

Practice

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

Comments

comments

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

5 Comments

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

  4. IS TUTORIAL S OVER?? PLS PUBLISH THE NEXT TUTORIAL AS SONNAS POSSIBLE YAAR!!!

Leave a Reply

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

six + five =

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