Advertisement

header ads

Build Your First HTML5 Web Page | Beginners Tutorial

What is HTML ?



HTML (Hyper Text Markup Language) is the coding language that makes web-pages, it is the skeleton of every web-page that exists.
your information between an opening HTML tag and a closing HTML tag. An opening tag looks like this: <___> . A closing tag looks like this: </___> . Eventually, the ___ is replaced with a code.
Content within the <html> and </html> tags there are 2 parts. named;


  1. Head - <head> </head>
  2. Body - <body> </body>
  1. How to Create a HTML Code ?

Go to Start, then "Programs" and then "Accessories." and click "Notepad." It is a lot easier if you use Notepad++ once you choose the HTML language, everything you write will be automatically connected with different colors - that way it will be a lot easier to correct possible mistakes.

  1. How to print “Hello World ”

  • <title> </title>
The title of te web page is written in side these 2 tags. A title is important because it gives your users an idea on what the page is all about. Also, when users bookmark your site, that title is all they will see in their bookmark list. 
The title is going to show on the tab, don't expect it to be the title of the actual website.
  • <h1>,<h2>,<h3> tags are used to change the sizes of the letters that are to be written.
<h1> is used to have largest letters.<h2>letters are smaller than that of <h1> and <h3>are the smallest.

  • <p> </p>
This tag is used when we write a paragraph.

  • <image> </image>
This tag is used when inserting an image. With the “src” tag the name of the image should be given with in the inverted commas.

  • How to add a Back Ground Color to the Web Page

<body style="background-color:blue">

To give your web-page a background color, you can add a style to the body. To add a background color, add this tag <body style="background-color:blue">. You can try a different color or even a hex code. The words in the quotation marks are known as "attributes." They must be surrounded by quotation marks!
  1. How to Save the Work You have done to create a Web Page??

File – Save as

Give a Name whatever you like and Select the type as “Hypertext markup Language file”

  1. How to Open your Web Site ?

  • Go to the place you have saved your note pad++ and
  • Open with – Google Chrome/ Explore /Firefox or whatever internet browser you have in your laptop



  1. You Can See your Web Page Like this..

Post a Comment

0 Comments