Html Tutorial Hello World

In this tutorial, you will learn how to create a simple hello world page with HTML. Firstly, let explains some of the HTML basics.

  1. HTML is stands for Hyper Text Markup Language
  2. HTML is a text file which consists a set of markup tags like (<html><body></html></body>).
  3. Almost all of the markup tag has start tag <html> and close tag </html>. Close tag is start with a “/”.
  4. The markup tags is just like a command to tell web browser (Firefox or Internet Explorer) what should do.
  5. HTML file must have htm or html as file extension.
  6. HTML file is not case sensitive. <html>, <HTML> or <hTmL> are all same tag.
  7. HTML file can be edit with any text editor like notepad or wordpad in windows , vi or emacs in unix or linux.

Steps to create HTML page

Let start to create a classic “Hello world” HTML file.

1. Text Editor

Open your favorite text editor, e.g Notepad. Create an empty text file.

2. HTMP Code

Copy and paste the following HTML code into your newly open text file.

 
<html>
<header><title>This is title</title></header>
<body>
Hello world
</body>
</html>
html-tutorial-hello-world-notepad

3. Save It

Click File, Save it with a HTML file extension, e.g “anynameyoulike.html”

html-tutorial-hello-world-save-as

4. Demo

Double click to view it. (Or open the newly saved HTML file with your favor Internet browser).

html-tutorial-hello-world-view-it

Explanation of code

  1. <html></html> tag is tell internet browser this file is a start and end of the HTML file document.
  2. Text between <header></header> tag is for HTML header information, which is not display in internet browser.
  3. Text between <title></title> will display in left-up corner in internet browser, it’s web page title.
  4. Text between <body></body> will display as content in internet browser.

About the Author

author image
mkyong
Founder of Mkyong.com, love Java and open source stuff. Follow him on Twitter. If you like my tutorials, consider make a donation to these charities.

Comments

avatar
8 Comment threads
4 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
11 Comment authors
ankit kumar pandeyBrokeDeveloperWhytititititiDinesh Krishnan Recent comment authors
newest oldest most voted
AG
Guest
AG

A couple of errors:
* header -> head.
* #2 HTMP -> HTML

fjfgjf
Guest
fjfgjf

Hi

BrokeDeveloper
Guest
BrokeDeveloper

Also you were supposed to put it on tags not exposed
Not like this
<html>
<head></head>
<body>
Hello World
</body>
</html>

But like this
<html>
<head></head>
<body>
<p>Hello, World!</p>
</body>
</html>

Whether it be a title or paragraph tag you are supposed to put it in tag…
Other wise.. why would it be called a markup language?
It’s main syntax is Mark Up..

Why
Guest
Why

Why am i here

tititititi
Guest
tititititi

tangina nyung lahat

Abet
Guest
Abet

is it free to post a public webpage?

Dinesh Krishnan
Guest
Dinesh Krishnan

Very good post thank you

html5 tutorial
Guest
html5 tutorial

useful info. thanks..soon html5 will take over the web 🙂