HOME
            About US
            Contact Us
            Fun Games

Make Basic Web Page
Make Basic Web PageMake Basic Web Page

Exercise - 1.1 (Make Basic Web Page)    


a) Create a new folder by the name 'web' on your desk top
b) Open your note pad and write the following lines

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<title>JOJO Online Game</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<link rel='stylesheet' href='style.css' type='text/css' />
<meta name='Description' content='JOJO a online game for kids of all age' />
<meta name='Keywords' content='JOJO, online game, game for kids ' />
<meta name='author' content=' SEEMA' />
<meta name='robots' content='index, follow' />
<meta name='copyright' content='fungames-site ' />
</head>
<body>
</body>
</html>

Go to 'File' menu of Note Pad and Save As 'index.html'

NOTE: To save the file as '.html', in File menu click the button 'save as type' to 'All Files' (*.*) and enter file name as 'index.html' and save it. Otherwise you will have a file with name 'index.html.txt' which is of no use (Refer Fig-1.3).

c) Again open your note pad and write the following lines
html { margin: 0; padding: 0; } Go to 'File' menu of Note Pad and Save as style.css


d) Create a new folder by the name 'images' Now your 'web' folder will have following (FIG- 1.3)

index.html
style.css
images folder

If you Click on the index.html your browser will display only a blank screen.
(Contiued to Exercise - 1.2.1)

© funandhobby.com (Make Basic Web Page)