Webpages & HTMLSara Imam

HTML! What???

HTML is a type of

code language that

a computer can

understand & turninto a webpage

design.

HEH??? ?

Don’t get confused!

HTMLBasic language of codes a computer will interpret

EditorWhere you put the codes or words you want on your page

HTML Editor Translates normal text into HTML code

HostA place that will put your saved documents into a “bank"

FTP SpaceThe bank you that holds your saved stuff

Text Words

LinkWords or pictures that you can click to go on to go to another web page

Hex code A six digit color code

Tag control what you are changing

Before we learn…

I am going to teach you how to do a basic font change but first you must learn colors…

Because html codes are kind of like the pieces of a

puzzle!

Hex Color Chart

Remember:Remember:hex code- 6 digit number/letter combinations that create colors

FFFFFF = WHITEFF0000 = RED000000 = BLACK

The 4 Font Sizes of HTML

Font size 1= blahblah

Font size 3= blahblah

Font size 5= blahblah

Font size 7= blahblah

A Code to learn from

<font face=“x”>

blah</font>

Between the quotes place the font you want inbetween the start & end tags you put the text

*FYI… Things inside <> (arrows) are called tags they control what you are changing.

<font>

<font>blah<font>

blah

That would equal the same thing as nothing so you would probably add something like font.

<font>

<font face=“Impact”>blah</font>

blah

Once you learn the basic codes you can combine them with other codes to change font, color, or size (etc.)

<font>

<font face=“Impact”>blah</font>

blah

Now you want to change the color… so you choose one of the hex codes.

<font>

<font face=“Impact” color=“#FF0000”>blah</font>

blah

Then if you want to change the size you would add a size tag…

<font>

<font face=“Impact” color=“#FF0000” size=“7”>blah</font>

blah

And VOILA! That is what would come up on your webpage.

<font>

Now that you’ve learned font you can mix and match to get whatever you want:

<font size=“1” face=“georgia”> blah

</font>

<font size=“3” color=“FF0000”> blah

</font>

<font face=“arial” color=“FF9900> blah </font>

Tags

And you can use them on some other tags just try them out

<b>blah</b> = blah BOLD<i>blah</i> = blah ITALIC<u>blah</u> = blah UNDERLINE

Tags

You can mix & match these too!

<div align=“center”><font face=“Georgia” size=“5” color=“FF0000”><b><u><i>blah</b</u></i>

Equals…Equals…

blah

ITS LIKE A…

ITS LIKE A PUZZLE!!!!!!!!