Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can...
-
Upload
beverly-cooper -
Category
Documents
-
view
217 -
download
1
Transcript of Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can...
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!!!!!!!!