Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
: SNTI/ITD/08
Rev. No. : 01
Effective Date : 28-Feb-2008
What is HTML?
HTML is a computer language devised to allow website creation. These websites can then be viewed
by anyone else connected to the Internet. It is relatively easy to learn, with the basics being
accessible to most people in one sitting; and quite powerful in what it allows you to create. It is
constantly undergoing revision and evolution to meet the demands and requirements of the growing
Internet audience under the direction of the » W3C, the organisation charged with designing and
maintaining the language.
HyperText is the method by which you move around on the web — by clicking on special text called
hyperlinks which bring you to the next page. The fact that it is hyper just means it is not linear — i.e.
you can go to any place on the Internet whenever you want by clicking on links — there is no set
order to do things in.
Markup is what HTML tags do to the text inside them. They mark it as a certain type of text
(italicised text, for example). HTML is a Language, as it has code-words and syntax like any other
language.
_________________________ _________________________
Prepared by Approved by
Manmohan Singh Mr. RCB Singh
Manager, ITA Group Head – ITA
9. HTML Tables 19
Exercise 1
Creating a Basic HTML Page
In this exercise , you will learn how to create a basic HTML page .
A. Creating the first HTML page
1. On Start menu from win95/NT, select Programs, select Accessories and click on Notepad. The
Notepad Application is Started.
2. Type the following HTML program in the Notepad exactly as given below.
<HTML>
<HEAD>
<TITLE>FIRST PAGE</TITLE>
</HEAD>
<BODY>
<H1>This is My First HTML Page</H1>
</BODY>
</HTML>
3. Save the file as FIRST.HTML in your HTML directory i.e. C:\<YourName>\My HTML
(While saving, mention the file name with extension as FIRST.HTML , otherwise Notepad file
name with extension as FIRST.HTML , otherwise Notepad file is saved as FIRST.TXT) .
4. Close the Notepad application.
B. Testing your first HTML page.
1. Double click the Netscape Communicator Shortcut available on the desktop. The Netscape
Communicator is launched.
2. On the File menu, click on open page. The open Page dialog box appears.
3. In this dialog box, click on Choose file . The Open dialog box appears.
Exercise 2
Creating a Basic HTML Pages using Head Section Elements
A. Working with TITLE Element.
1. In the browser, on GO menu, you could see an element of menu named as FIRSTPAGE at the bottom, this is the
TITLE Element given in HTML Page FIRST.HTML in Exercise 1.
4. Make the changes to the file by replacing with the text in Bold.
<HTML>
<HEAD>
<TITLE>FIRST PAGE AFTER EDITING</TITLE>
</HEAD>
<BODY>
<H1>This is My First HTML Page</H1>
</BODY>
</HTML>
Exercise 3
<HTML>
<HEAD>
<TITLE>WORKING WITH PHYSICAL FORMATTING ELEMENTS</TITLE>
</HEAD>
<BODY>
<H1>This is a Physical Formatting Element example</H1><BR>
<CITE>This is citation element used to indicate the quotation</CITE><BR>
<CODE>Code element is used to present small amount of computer code</CODE><BR>
<EM>Emphasis element is to present significant text</EM><BR>
<KBD>It is used to represent normal keyboard text</KBD><BR>
<SAMP>Simple element to show in a monoscape font</SAMP><BR>
<STRONG>Strong element to show text in bold format</STRONG><BR>
<VAR>To present normal italic variable elements</VAR><BR>
<HTML>
<HEAD>
<TITLE>WORKING WITH UNORDERED LISTS</TITLE>
</HEAD>
<BODY>
<H1>This is an Ordered List Element example</H1><BR>
<p>orderly numbering of points.
The tag increments the numbers. </p>
<OL>
<LI>This is the First point and numbered one.
<LI> This is the second point and number two.
<LI> This is the Third point and number three.
<LI> This is the Fourth point and number four.
</OL>
<HR><H1>This is an Unordered list element example</H1>
<BR>
<P>Points are separated with bullets. </P>
<UL>
<LI>This is the first point preceded with a bullet.
<LI>This is the Second point preceded with a bullet.
<LI>This is the Third point preceded with a bullet.
<LI>This is the Fourth point preceded with a bullet.
Exercise 7
Creating HTML Pages using Link Element
To link HTML Pages, it is necessary to have a master document called home page and create links to other
subsidiary pages.
Exercise 8
Creating HTML Pages using Image Element
Images make HTML pages more colorful. To add image to an HTML file copy some image files into you r
MyHTML directory. Browser support .GIF and .JPEG image type files.
Note: To source the images files used in these exercises, place these images into the directory
C:\<YourName>\MyHTML
Exercise 1
Creating HTML Pages
A. To Create a Basic Table
1. Open Notepad and type the following.
<HTML>
<TITLE>A Basic Table</TITLE>
<BODY>
</BODY>
</HTML>
2. Save the Page as Table.html in directory c:\<YourName>\Tables.
3. Now add the <Table> tag to the file that is highlighted with text in bold listed below.
<html>
<title> A Basic Table</title>
<body>
<table border=1>
</table>
</body>
</html>
4. Directly underneath the <table>tag , place the <tr> tag . This defines the beginning of your
first table row . Directly above the </table> tag. Place the closing </tr> tag.
<html>
<title> A Basic Table</title>
<body>
<table border=1>
<tr>
</tr>
</table>
</body>
</html>
5. Drop down to the next line and type in the tag to determine the starting point of your first table
cell , <td>. Below this, add a line of text and then close the cell with the </td> closing tag.
<html>
<title> A Basic Table</title>
BPB Publications
Dynamic HTML: Master the Essentials
HTML 4.0 - No Experience Required
HTML Example Book
HTML Complete
Hands On HTML
Learn Advanced HTML with DHTML
Learning HTML 4.0
Mastering HTML 4 Premium Edition