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
7 Comment threads
3 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
9 Comment authors
WhytititititiDinesh KrishnanAbetidk Recent comment authors
newest oldest most voted
AG
Guest
AG

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

fjfgjf
Guest
fjfgjf

Hi

Why
Guest
Why

Why am i here

tititititi
Guest
tititititi

tangina nyung lahat

Dinesh Krishnan
Guest
Dinesh Krishnan

Very good post thank you

Abet
Guest
Abet

is it free to post a public webpage?

html5 tutorial
Guest
html5 tutorial

useful info. thanks..soon html5 will take over the web :)

Son-Goku
Guest
Son-Goku

It has.. :)

fjfgjf
Guest
fjfgjf

i dont get dis

idk
Guest
idk

same