Post on 22-Nov-2014
description
04/08/23
HTMLHow to make a simple web page
04/08/23
The Basics What is HTML
04/08/23
HTML files are usually typed in Notepad
Files are saved using the extension name: .html or .htm
04/08/23
HTML format for a web page
–should always follow the structure:
04/08/23
Cont…
<html>
<head>
<title>
</title>
</head
<body>
</body>
</html>
04/08/23
Where:– <html> - opening tag– <head> - heading– <title> - title of the page – <body> - start of the actual page
04/08/23
Cont...
All tags have opening and closing tags
Closing tags are identified with the / symbolex.
<font face=“Comic Sans” This is Comic Sans </font>
04/08/23
Cont...
Will appear as:
This is Comic Sans.
04/08/23
Other basic tags
Font Marquee OL UL Img src A href Table
04/08/23
Some tags have their own attributes
- attributes i.e. properties
Example:
<font face=arial color=blue size=+3>
04/08/23
Where face, size and color are the attributes of the Font tag
04/08/23
Experiment!
Try creating a simple web page
Do this by opening Notepad
04/08/23
<html>
<head> Sample page </head>
<title> Your name Page </title>
<body> <p>
This is a sample page
</body> </html>
04/08/23
Some tips
Plan your webpage– make an outline
Gather all needed materials– Ready all the documents, pics, sound
files and other objects Make sure that the pages will be
reader-friendly
04/08/23
…tips
– Background vs. foreground colors– Font size and style
Consider your target audience
04/08/23
Cont...
So now it is actually just a matter of putting your html tags together with the text contents of your planned web page…!
04/08/23
HTML Sample
Try this…
04/08/23
Try to combine the following tags:
<html>
<head> Welcome to this trial page
<title> Trial Page _lastname</title></head>
<body>
<hr>
<font face=Arial color=blue size=+3>
This is just a trial. </font>
</font>
</body> </html>
04/08/23
After typing the tags, save the file as:
Trial1_lastname.html
View the saved file by opening it thru the Internet Explorer