Html2 Intro

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.

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:

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> 

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>



This is just a trial. 



</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

Html2 Intro

Documents

Transcript of Html2 Intro