Sie sind auf Seite 1von 28

HTML

CODING

<head>; <title>; <body>; and
<paragraph>
TAGS

Codes enclosed in brackets


Usually paired
<TITLE>My Web Page</TITLE>
Not case sensitive
<TITLE> = <title> = <TITLE>
3
Type in the
text, then
Add the basic
HTML tags
Save the file
on your
hard drive..
Naming
your
HTML
file

Use the extension htm or html.

Be careful to select All Files as the type.


Check to see the file
was saved in the
directory you
selected

Be sure the file has the extension .htm, not .txt.


View the page by double clicking on the file name or using
the File > Open command in the Web client.

Display the page


using a Web client

But, I do not like the formatting I want to add a heading and


a paragraph break, so I must add some more HTML tags.
Add the <h2>
</h2> and <p> tags
Save it on the hard
drive then refresh
using the Web client
Note that it re-wraps
the text if the window
is re-sized
Notepad and a
Web client side
by side

Simple debugging -- change the HTML, save it, and refresh the client.
<p align=VALUE">
<paragraph>
Value Description
left Left-align text
right Right-align text
center Center-align text
justify Stretches the lines so that each line has
equal width (like in newspapers and
magazines)
EXAMPLE:
<p align= left ">
<p align=VALUE">

Value Description
<paragraph> left Left-align text
right Right-align text
center Center-align text
justify Stretches the lines so that each line has
equal width (like in newspapers and
magazines)

EXAMPLE:
<p align= left ">
USE THE RIGHT HTML TAGS TO GET THE
YOUR TASK FOR
TODAY
SAME OUTPUT AS BELOW.
USE THE RIGHT HTML TAGS TO
YOUR TASK GET THE SAME OUTPUT AS
FOR TODAY BELOW.
Welcome To My Page!
About me..
I am a 10-year old girl who loves bees and has 2 honey bee hives and 2 bumble bee
hives. i love to draw and i dont animate a lot.

My birthday is on the 8th of September, as is a important quiz to see if we go to


grammar school or not(rip life).

I HOPE YOU ENJOYED MY PAGE!


BANNER, FRAME AND MENU
The <frame> tag defines one particular
window (frame) within a <frameset>.
FRAME TAGS
Each <frame> in a <frameset> can have
different attributes, such as border, scrolling,
the ability to resize, etc.
1. Frame membahagikan laman sesawang
kepada bahagian yang diingini.
FRAME TAGS 2. Sebelum frame digunakan, isi kandungan
dalam setiap frame perlu dihasilkan dahulu.
YOUR TASKS CREATE THREE PAGES:
a)HEADER.HTML
b)MENU.HTML
c)MAIN CONTENT.HTML
COPY THESE CODES INTO YOUR
NOTEPAD
COPY THESE CODES INTO YOUR
NOTEPAD
COPY THESE CODES INTO YOUR
NOTEPAD
Tags for FRAME
BASED ON THE FIGURE BELOW, CREATE HTML CODES
FOR THE WEBSITE.

YOUR TASK

Das könnte Ihnen auch gefallen