![Page 1: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/1.jpg)
Webpages & HTMLSara Imam
![Page 2: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/2.jpg)
HTML! What???
HTML is a type of
code language that
a computer can
understand & turninto a webpage
design.
HEH??? ?
![Page 3: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/3.jpg)
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
![Page 4: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/4.jpg)
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!
![Page 5: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/5.jpg)
Hex Color Chart
Remember:Remember:hex code- 6 digit number/letter combinations that create colors
FFFFFF = WHITEFF0000 = RED000000 = BLACK
![Page 6: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/6.jpg)
The 4 Font Sizes of HTML
Font size 1= blahblah
Font size 3= blahblah
Font size 5= blahblah
Font size 7= blahblah
![Page 7: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/7.jpg)
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.
![Page 8: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/8.jpg)
<font>
<font>blah<font>
blah
That would equal the same thing as nothing so you would probably add something like font.
![Page 9: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/9.jpg)
<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.)
![Page 10: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/10.jpg)
<font>
<font face=“Impact”>blah</font>
blah
Now you want to change the color… so you choose one of the hex codes.
![Page 11: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/11.jpg)
<font>
<font face=“Impact” color=“#FF0000”>blah</font>
blah
Then if you want to change the size you would add a size tag…
![Page 12: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/12.jpg)
<font>
<font face=“Impact” color=“#FF0000” size=“7”>blah</font>
blah
And VOILA! That is what would come up on your webpage.
![Page 13: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/13.jpg)
<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>
![Page 14: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/14.jpg)
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
![Page 15: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/15.jpg)
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
![Page 16: Webpages & HTML Sara Imam HTML! What??? HTML is a type of code language that a computer can understand & turn into a webpage design. HEH??? ?](https://reader036.vdocuments.us/reader036/viewer/2022062517/56649ebf5503460f94bc9e4e/html5/thumbnails/16.jpg)
ITS LIKE A…
ITS LIKE A PUZZLE!!!!!!!!