What is the HTML document ? | Create and save an HTML document | View an HTML document




What is the HTML document ?
We will create an HTML document in Notepad and view it using the Internet explorer.

A) Create and save an HTML document.

I) open Notepad. Start -> All programs -> Accessories -> Notepad.

II) create a simple HTML document.

III) on the menu bar, click on file. You will see a drop down menu

IV) on this menu, click on save. You will see the save as dialog box.

   By default, the document will be saved in document library.
In file name, you can see txt highlight.

V) In file name, type in first document name.html ,the  name with which you want to save the document.

Remember : .html is called the file extension of an HTML document. Whenever you want to save as HTML document, always type in .html after the file name.
In the file name first Name.html :
First HTML is the file name.html is the file extension.

B) View an HTML document.

I) connect to the Internet

II) click Start button on the taskbar. You will see the menu.

III) on the start menu click on internet explorer.

IV) on the menu bar, click on file. You will see a drop down menu.

V) on this menu, click on open. You will see the open dialog box.

VI) click on browse you will see the internet explorer dialog box.

VII) on the left lane, click on documents, in which the first HTML document is saved. You will see documents library on the right page.

VIII) Click on the name of the document. The Internet explorer dialog box closed and the name of the document (along with it's path) appears in the open dialog box.

IX) click on Ok . Internet explorer displays your HTML document as a web page on the Internet.

Example :

The text between
<Title>  My HTML document </Title> , my HTML document,  is displayed on the title bar.
The text between the
<Body> I am creating my first HTML document </Body> , I am creating my first HTML document, is displayed by the browser.

                    

  Headers.
   Headers are used to change the text size of headings. In an HTML document, you can have 6 sizes of heading using tags from <H1> to <H6> .
  <H1> and </H1> is the largest text size and <H6> and </H6> is the smallest text size. HTML automatically adds a black line before and after a heading.

Example :


The text between <Title> heading sizes </Title> , heading sizes, is displayed on the browser.

The text between the <Body> and </Body> is displayed by the browser. HTML has automatically added a black line before and after a Heading size.

The address bar displays the path of the document.

0 Comments