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 :