Home / Education / Introduction to Hyper Text Markup Language (HTML)

Introduction to Hyper Text Markup Language (HTML)

Introduction to HTML

HTML stands for Hyper Text Markup Language, and HTML is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language.

Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext.

Markup Language describes how HTML works. With a markup language, you simply “mark up” a text document with tags that tell a Web browser how to structure it to display. Hyper Text Markup Language is known as heart of web and for designing this CSS are used.

Originally, HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.

All you need to do to use HTML is to learn what type of markup to use to get the results you want.

HTML is most easy to learn and understand, you can easily write HTML code by using notepad, for writing HTML no need to install any IDE. Only you have to save the file with .html or .html extension.

HTML Starts with <HTML> and ends with </HTML>.All your html code in between this.

Creating HTML Document:

To begin coding HTML you need only two things: a simple- text editor and a web browser. Notepad is the most basic of simple-text editors and you will probably code a fair amount of HTML with it.

You can use our HTML Online Editor to learn HTML. Here are the simple steps to create a basic HTML document:

  • Open Notepad or another text editor or other IDE.
  • At the top of the page type <html>.
  • On the next line, indent five spaces and now add the opening header tag: <head>.
  • On the next line, indent ten spaces and type <title> </title>.
  • Go to the next line, indent five spaces from the margin and insert the closing header tag: </head>.
  • Five spaces in from the margin on the next line, type<body>.
  • Now drop down another line and type the closing tag right below its mate: </body>.
  • Finally, go to the next line and type </html>.
  • In the File menu, choose Save As.
  • In the Save as Type option box, choose All Files.
  • Name the file template.htm.
  • Click Save.

You have basic HTML document now, to see some result put the following code in title and body tags.

<title>My First HTML Document </title>
<h1> My First HTML Document Heading</h1>
<p> My First HTML Document Are Ready. </p>

Now you have created HTML page and you can use a Web Browser (Chrome, Firefox etc.) to open this HTML file to see the result.

Here <html>, <head>, <p>, <h1><body> etc. are called as HTML tags.

About Chetan Kalbande

• Working knowledge in Magento, Wordpress, Joomla, PHP, HTML5, CSS3, Bootstrap front-end framework and Foundation front-end framework. Experience of PSD to HTML and HTML to Wordpress. Having knowledge on theme development of Wordpress, directory structure and responsive UI of Magento. E-Commerce development using Magento, Opencart, Woo-Commerce . Clean , attractive and responsive website development using Wordpress and Drupal. Estimation, design and development of various modules. Work on Search Engine Optimization to improve the search engine rank of website. Working knowledge and handling experience of Google Absence and different affiliates account. • Knowledge of Jquery Mobile, Android application development and Phone gap. Experience of Developing and maintaining web base portal or directory website. Work closely with the other team members to meet client goals. Promote on page SEO activities and also the interactions that build ranking, profile and traffic.

Check Also

style sheet

What are ways of inserting a style sheet?

Cascading Style Sheets (CSS) describe how documents are presented on screens, in print, or perhaps ...