Walk Lightly on this PLANET and yet leave such a FOOTPRINT that cannot be erased for thousands of Years..!!!
Visit Codstech for Cyber Security related Posts !

Visitors

Wednesday, September 4, 2013

H-1 : My first web page

Open note pad (wordpad or MS word) , then type the commands as given below : 
Refer HTML - An Introduction before creating any web page.
===============================================
<html>
      <head>
            <title>
             My First Web Page
             </title>
      </head>
             <body>
             Hello..Welcome to the world of HTML
             </body>
<html>
========================================================== 
Save the file as . htm (dot htm) or   . html (dot html) .
Open any web page , and browse the created page (Refer HTML - An Introduction ) to view the  web page .


Output :
Note the title My First Web Page , and the contents we typed in the <body> part.

Back to HTML  

HTML - An Introduction

HTML


( 1 ) : What is HTML ?

HTML stands for Hyper Text Markup Language.
It is user for creating web pages.

( 2 ) : Where to type HTML ?

You can use any text editor to type html ; like
  • Notepad
  • Wordpad
  • MS Word...
  • Dream weaver etc
( 3 ) : How to save HTML files ?

You can save a HTML file in 2 type of extensions , like
  •     . htm (dot htm)
  •     . html (dot html)
( 4 ) :  HTML editors .
  • Dream Weaver
  • MS Front Page etc
( 5 ) : Basic structure of  HTML .

<html>
         <head>
                     <title>.........................................</title>
         </head>
          <body> ....................................... </body>
</html>

( 6 ) : Detailed description of the structure of  HTML .

  1. < > is known as TAGS. First we use <html> to open the HTML commands . Note that a slash ( ) is used to close any commands . Here we use </html> to close the HTML commands .
  2. Next part is the <head> . In this section , we give title for the web page. To give title , we should give the same format as <title>.........................................</title> , and in the middle section of this , we can write a title. After that , close the head section by using slash as  </head> .
  3. Next comes the body part . Whatever we want to write in the body part , we can write . All the contents of the web page comes here. And close this body part , after writing the contents , and close the section by </body> .

( 7 ) : We used in the HTML ,

  • < >  :  TAGS
  • Container Tag  : They have both opening and closing tags.
  • Stand alone (Empty ) tags : They have only one tag (opening tag only).
  • Elements  :  They are the one which used with in container tags.
  • Attributes : Which shows the character of the Elements.
( 8 ) : How to view the web page ?

You can use any web browser (Internet Explorer , Google Chrome etc) to view the created web page.
To do this ;

  • Open any web browser
  • Select File --> Open ( or press Ctrl  and  O )
  • Click Browse .
  • Select the saved file from it's location.
  • Click OK.

Then we can see the created web page. If we select View --> Sourse from the web page , we can see the commands we used to create it.

( 9 ) : Some more things to remember :

There are other subdivisions for the alignment of paragraph , to draw tables.....etc.
We will study them in the following sections.

Now we are going to create a simple web page , using HTML.
Open note pad (wordpad or MS word) , then type the commands given with the title " MY FIRST WEB PAGE" . 

Back to HTML