My First webpage

My first webpage

My First webpage

My first webpage

My First webpage

My first webpage

My First webpage

My first webpage

My First webpage

My first webpage

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com.

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com.

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirstwebpage.html

24

COMPILED BY ARSENIA R. JOAQUIN

HTML Lessons

Lesson Three

Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. You should have two paragraphs indented on each side to look uniformed on the page.

STEP FOUR / LESSON THREE This step we will learn a new tag called the Italics tag This tag of course makes any text Italic Like this There are more tags that do the same thing but you will learn those in time. In the box below type B

O

X

My First webpage

COMPILED BY ARSENIA R. JOAQUIN

25

Lesson Three

HTML Lessons

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com.

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

Remember you can use the comment tag when ever you need too. Should look like this:

My first webpage

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com.

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

26

COMPILED BY ARSENIA R. JOAQUIN

HTML Lessons

Lesson Three

Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirstwebpage.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. Wasn’t that easy ? You should see Welcome to my in Italics

STEP FIVE / LESSON THREE This step we will use the Font tag All attributes go inside the This tag has three attributes to it. Face style, size and color. Example of the code looks like this : Example The above will change the way Example looks. So lets change the second paragraph to a different color. In the box below type B

O

X



COMPILED BY ARSENIA R. JOAQUIN

27

Lesson Three

HTML Lessons

My First webpage

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

Remember you can use the comment tag whenever you need to. Should look like this:

28

COMPILED BY ARSENIA R. JOAQUIN

HTML Lessons

Lesson Three

My first webpage

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com.

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirstwebpage.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. Now how did you like that color ? You have just completed Lesson Three Well if you’re still interested in learning let’s move on. CONGRATULATIONS! Lesson Four we will be adding to myfirstwebpage.html Welcome to lesson Four

COMPILED BY ARSENIA R. JOAQUIN

29

Lesson Four

HTML Lessons

STEP ONE / LESSON FOUR This step we are going to learn the Horizontal rule tag

---

. This tag will place a Horizontal line on your page. This tag has attributes you can set.

---

You can set the Width, you can make it be on the left or the right and the thickness of it as well as the color. In the box below type B

O

X

My First webpage

30

COMPILED BY ARSENIA R. JOAQUIN

HTML Lessons

Lesson Four

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

---

Should look like this:

My First webpage

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

COMPILED BY ARSENIA R. JOAQUIN

31

Lesson Four

HTML Lessons

---

Highlight it by clicking the highlight button and then right click and copy and save it in wordpad as myfirstwebpage.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. Now you should see a Red line centerd in the middle below your paragraphs

STEP TWO / LESSON FOUR This step we are going to put an image on your page. With and Image tag This tag also has atrtributes to it. SRC = Specifies the location of your image. WIDTH = Specifies the width of the image.( In Pixels ) HEIGHT = Specifies the height of the image. ( In Pixels ) BORDER = Specifies the border width when it is used as a hyerlink ( This is not done with % but with pixles )

32

COMPILED BY ARSENIA R. JOAQUIN

HTML Lessons

Lesson Four

ALT = This attribute when a mouse pointer is over it gives a message you want the person to read. Or it is usefull if they are using a non-graphical browser. LOWSCR = Name a optional image to load in the browser first and faster before the larger one loads. USEMAP = If your using a client side image map, specify what coding to refer to. Example below : In the box below type B

O

X

My First webpage

COMPILED BY ARSENIA R. JOAQUIN

33

Lesson Four

HTML Lessons

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

---

Remember you can use the comment tag whenever you need to. Should look like this:

My First webpage

34

COMPILED BY ARSENIA R. JOAQUIN

HTML Lessons

Lesson Four

Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

---

Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirstwebpage.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. You should see a graphic below your horizontal line..

STEP THREE / LESSON FOUR This step we are going to create a List using the list tag

and the

tag. The
tag is the opening tag to start the begining of a list.

COMPILED BY ARSENIA R. JOAQUIN

35

Lesson Four

HTML Lessons

The
• tag will be the tag that list each item. Ending of course with the closing tags
and Example below :
• food
• money
• more food
Will look like this below : * food * money * more food Notice the Bullets. This is an unordered list. This uses bullets. You also have Ordered list. This uses numbers. Using tags
and
1. 1. food
   2. money
   3. more food
   1. food 2. money 3. more food
   
   36
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Four
   
   Of course you don’t need either and this is called a Definition list. Use no bullets and no numbers

   Food

   Money

   More Food

   Food Money More Food This can also give you a Tier list too.

   Minnesota

   Food

   Gifts

   Jobs

   Wisconsin

   Cows

   Milk

   Packers

   Minnesota Food Gifts Jobs Wisconsin Cows Milk Packers
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   37
   
   Lesson Four
   
   HTML Lessons
   
   We are going to use the Orderd List for your webpage. But First lets make another paragraph and then make the list. In the box below type B
   
   O
   
   X
   
   

   My First webpage

   Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

   Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

   ---

   
   
   
   38
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Four
   
   

   Visit some of my favorate sites

   1. Scriptjobs
   2. Html4Newbies
   3. Javascript

   Do you notice that we use some of the previous tags Should look like this:

   My First webpage

   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   39
   
   Lesson Four
   
   HTML Lessons
   
   

   Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

   Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

   ---

   

   Visit some of my favorate sites

   1. Scriptjobs
   2. Html4Newbies
   3. Javascript

   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirstwebpage.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. You should now have a Numberd list which later on we will add links to.
   
   40
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Four
   
   STEP FOUR / LESSON FOUR This step we are going to take the graphic we put on your page and add a link to it. Using the tag and its attribute HREF which is the reference to the link and the MAILTO attribute which opens up your mail server on your computer. Example below :
   
   src=”http://
   
   Replace youremail @ home com with your own email address In the box below type B
   
   O
   
   X
   
   

   My First webpage

   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   41
   
   Lesson Four
   
   HTML Lessons
   
   

   Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

   Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

   ---

   

   Visit some of my favorate sites

   1. Scriptjobs
   2. Html4Newbies
   3. Javascript

   Remember you can use the comment tag whenever you need to. Should look like this:
   
   42
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Four
   
   

   My First webpage

   Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

   Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

   ---

   

   Visit some of my favorate sites

   1. Scriptjobs
   2. Html4Newbies
   3. Javascript

   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   43
   
   Lesson Four
   
   HTML Lessons
   
   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirstwebpage.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. Now when you click on your email graphic your mail program should open up.
   
   STEP FIVE / LESSON FOUR This step we are going to make a text link to a website. Using the tags and again those tags have attributes like HREF Scriptjobs There are more attributes to this tag and we will get into that later. In the box below type B
   
   O
   
   X
   
   
   
   44
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Four
   
   

   My First webpage

   Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

   Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

   ---

   

   Visit some of my favorate sites

   1. Scriptjobs
   2. Html4newbies
   3. Javascripts

   Remember you can use the comment tag whenever you need to. Should look like this:
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   45
   
   Lesson Four
   
   HTML Lessons
   
   

   My First webpage

   Welcome to my New webpage made by me. I hope you enjoy it because it’s my first. I always thought about learning html but I never found the right learning tools to do it. Well not until I found Html4newbies.com

   Learning html is really easy and seeing the results are amazing. I only wish I would have decided to learn this a long time ago. But it’s never to late to learn.

   ---

   

   Visit some of my favorate sites

   1. Scriptjobs
   2. Html4newbies
   3. Javascripts

   
   
   46
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Five
   
   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirstwebpage.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. Now you should have three links that work. You have just Completed Lesson Four Party time !!!! Well you have now just completed your First Webpage. I would encourage you to practise with what you have been taught and make your webpage. If you want to get into more detail using the tags you have been taught as well as html tables and cells, then lets move on to Lesson Five. Welcome to Lesson Five
   
   STEP ONE / LESSON FIVE In Lesson Five we are going to learn about tables and Cells. A table has three parts to it. and In the box below type B
   
   O
   
   X
   
   

   This table tag tells the browser it’s a table. This also has attributes to it. COMPILED BY ARSENIA R. JOAQUIN 47 Lesson Five HTML Lessons TableRow defines a horizontal row cells In the box below type B O X 50 COMPILED BY ARSENIA R. JOAQUIN HTML Lessons Lesson Five Specifies an indiviual block or cell in a table row Example below : Below is a table with a border size of one. If it was 0 then you wouldn’t actually see the frame your seeing now. You are seeing Two rows, Four colums CellCell Cell Cell CellCell Cell Cell [ Width and Height is in Pixels but can be in Percents % ] Cell Cell Cell Cell Cell Cell Cell Cell We will now be making a new Webpage. In the box below type 48 COMPILED BY ARSENIA R. JOAQUIN HTML Lessons Lesson Five B O X Should look like this: COMPILED BY ARSENIA R. JOAQUIN 49 Lesson Five HTML Lessons Highlight it by clicking the highlight button and then right click and copy and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. If you typed it right and view it in a browser you shouldn’t see anything. STEP TWO / LESSON FIVE This step we are going to put a row in our table using the Remember you can use the comment tag whenever you need to. Should look like this: COMPILED BY ARSENIA R. JOAQUIN 51 Lesson Five HTML Lessons Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. If you typed it right and view it in a browser you shouldn’t see anything. STEP THREE / LESSON FIVE This step we are going to give our table a Cell

   
   
   52
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Five
   
   

   Kool Cell

   Do you notice that we use some of the previous tags. Should look like this:
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   53
   
   Lesson Five
   
   HTML Lessons
   
   

   Kool Cell

   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. If you typed it right and view it in a browser you should see the words Kool Cell
   
   STEP FOUR / LESSON FIVE This step we are going to give our table a border. Example : Kool Cell In the box below type
   
   54
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Five
   
   

   Kool Cell

   Remember you can use the comment tag whenever you need to. Should look like this:
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   55
   
   Lesson Five
   
   HTML Lessons
   
   

   Kool Cell

   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. Now you should see a table with a border of 2 with the words Kool Cell in it.
   
   STEP FIVE / LESSON FIVE This step we are going to give the table a width. This table is One Row,One Cell with a border size of 2 and the Width of 75% This one is 25% In the box below type
   
   56
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Five
   
   B
   
   O
   
   X
   
   

   Kool Cell

   Remember you can use the comment tag whenever you need to. Should look like this:
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   57
   
   Lesson Five
   
   HTML Lessons
   
   

   Kool Cell

   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. Now you should see a long table :) You have just Completed Lesson Five Your First Table :) Well you have now just completed your First Table. You should practice and see what you can do with what you have learned so far then come back and learn more about tables in Lesson Six
   
   58
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Six
   
   If you want to get into more detail using the Tables you have been taught. Then lets move on to Lesson Six Welcome to Lesson Six
   
   STEP ONE / LESSON SIX Lets take the table from Lesson Five and add Height to the Table. We are going to use 75% for Width and 100 Pixels for Height In the box below type B
   
   O
   
   X
   
   

   Kool Cell

   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   59
   
   Lesson Six
   
   HTML Lessons
   
   Should look like this:

   Kool Cell

   Highlight it by clicking the highlight button and then right click and copy and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ).
   
   60
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Six
   
   Once you have saved it, I want you to go to your desktop and double click on it. Your table just Height :) Easy right ?
   
   STEP TWO / LESSON SIX Now we can have the text in a cell anywhere inside the cell. Bottom, Top, Center, Left, Right, Middle We are going to choose Middle. So we need to modify the tag We are also going to change the Height and Width of the table Kool Cell In the box below type B
   
   O
   
   X
   
   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   61
   
   Lesson Six
   
   HTML Lessons
   
   

   Kool Cell

   Remember you can use the comment tag whenever you need to. Should look like this:

   Kool Cell

   
   
   62
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Six
   
   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. Now this is getting easy.
   
   STEP THREE / LESSON SIX Lets add color to the back ground of the table. This is a tribute to the table tag. Kool Cell In the box below type B
   
   O
   
   X
   
   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   63
   
   Lesson Six
   
   HTML Lessons
   
   

   Kool Cell

   Do you notice that we used some of the previous tags. Should look like this:

   Kool Cell

   
   
   64
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Six
   
   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. Kool yellow backGround
   
   STEP FOUR / LESSON SIX Lets add Cellpadding and Cellspacing Cellpadding is the width in Pixles between cells. Notice where the Text starts in the Cell. If it had cellpadding of 0 it would be right next to the border. Example: Cellpadding of 5
   
   Cellpadding of 5
   
   Notice the Difference. Below is Cellpadding Cellspcing of 15 Cell spcing of 15 In the box below type B
   
   O
   
   X
   
   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   65
   
   Lesson Six
   
   HTML Lessons
   
   

   Kool Cell

   Remember you can use the comment tag whenever you need to. Should look like this:
   
   66
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Six
   
   

   Kool Cell

   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. You are getting good at this :)
   
   STEP FIVE / LESSON SIX We are going to add to the table tag and its attribute Rowspan and Colspan but first Lets go over some attributes for making Tables. Try and remember these. Border Adding this to your table tag attribute will give you a border or no border. Bgcolor You can add this tag to change the background color of your table, row, or table cells.
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   67
   
   Lesson Six
   
   HTML Lessons
   
   Align This tag helps you align your text in the table, row or cell. aligned to the left (it’s the default). You can specify center or left, or right to change the alignment. Valign This tag aligns your table vertically. If you don’t change it to “top” or “bottom” your information in your table will be aligned vertically in the center. Cellpadding This sets the margins inside of your table cells on all four sides of your cell. Cellspacing This sets the spacing between your table cells. Bordercolor This tag sets the border color. Rowspan Adding this creates a column that spans your rows vertically, it can span all or some of your rows. Colspan The colspan tag makes the data cell stretch over two or more columns. I color coded the table below for you to better help you understand the layout, and how we used ROWSPAN AND COLSPAN. ( White )
   
   68
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Six
   
   t;/td>

   row 1	rows 1-3	row 1
   row 2	rows 2-3	row 2
   row 3	row 3
   Col 1	row 4

   row 1 rows 1-3 row 1 row 1 row 2 rows 2-3 row 2 row 3 row 3 Col 1 row 4 In the box below type B
   
   O
   
   X
   
   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   69
   
   Lesson Six
   
   HTML Lessons
   
   

   row 1	rows 1-3	row 1	row 1
   row 2	rows 2-3	row 2
   row 3	row 3
   Col 1	row 4

   Remember you can use the comment tag whenever you need to. Should look like this:
   
   70
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Lesson Six
   
   

   row 1	rows 1-3	row 1	row 1
   row 2	rows 2-3	row 2
   row 3	row 3
   Col 1	row 4

   Highlight it by clicking the highlight button and then right click and copy it and save it in wordpad as myfirsttable.html Remember where you saved it ( Desktop is a good place for it ). Once you have saved it, I want you to go to your desktop and double click on it. You see the exact table as I made above You have just Completed Lesson Six Now that you have made a nice colorful table You should practice and then try some of the other tags and the Tips and Tricks
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   71
   
   Tips and Tricks
   
   HTML Lessons
   
   TIPS AND TRICKS ONE Open a web page in a new window. To open a link within a new window, place TARGET=”_blank” within your link code. Your Link Open all links in a new window To open all links within a page in a new window, place the following code between your and tags. Back to the top Colored Text Boxes (Internet Explorer) Back to the top Using An Image Submit Button In this example, the table background is set to the same color as the image background to blend together seamlessly. A table was used to align the text input box and the image submit button.
   
   72
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   
   Back to the top How To Make Your Background Image Stationary Stationary background images remain in one place even when scrolling through the page. Only the text will move. To create this effect, place the code below within your tag. Back to the top Removing A Link Underline You can remove the underline of an individual link by adding the STYLE tag to your link HTML. Your Link Back to the top Submit a HTML Tip or Trick to us. Name:
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   73
   
   Tips and Tricks
   
   HTML Lessons
   
   Email: Comment: Html4Newbies Privacy Contact Html Related Coffeecup Editor Arachnophilia Editor Web Design Development Graphics Related Free Graphics Clipart Misc Scripts Promotion Banner Exchange Visual Basics Great Exchange Get NewsFeed MAKE MONEY NEWS CNN Technology News Product design, nature’s way General: China taking on U.S. in cyber arms race Missing girl hunt hits cyber world Microsoft’s art collection grows up Apple: Safari available to PC users
   
   74
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   Church wants cash for video game Yahoo blasts China on free speech Relief in store for cable customers Get The Feed More Tips Protect email Email link with body Mouse over link tip Remove underline Vertical Lines No Border image Making Tabs Html Tips and Tricks ( Header and Footer Tip ) Have you alot of pages to your website and you hate editing each of the headers and footers for all of them ? Well you could just edit one file and it will update on all of your pages. Below is how you do it. Well first we need to create a Header and a Footer. We are going to do this by first by taking your basic design and breaking it up into 3 parts. We will take this index.html file and split it into groups. Blue being the Header and Red being the Main Text and Green will be the Footer. index.html

   Home | About Me and My Site | Links

   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   75
   
   Tips and Tricks
   
   HTML Lessons
   
   This is the content of a page on my site.

   Copyright 2002. All Rights Reserved

   After we have determined what are Header and Footer is then we will need to Copy and Cut and Paste each into thier own files. We will call one the header.html, footer.html and index.html header.html

   Home | About Me and My Site | Links

   footer.html

   Copyright 2002. All Rights Reserved

   index.html This is the content of a page on my site. We now have our header and footer HTML code in their own files. This means we can include these two files at the top and bottom (with content between) of any number of pages on our site. This is very convenient! For example, if you wanted to change a link in your menu, you would just edit it in header.html instead of every page of your site!
   
   76
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   There are two common ways to include files. One way is to use Server Side Includes (SSI). If you are going to use the SSI method, you will need to change the extention of your html files from .html to .shtml so your web server knows what to do with the SSI code you will be using to include header.html and footer.html. Here is an example of inclusion using SSI. index.shtml or anything.shtml for other pages on your site This is the content of a page on my site. The other way to include files is using PHP. To use this method, your files must end with .php, .php3, or .phtml. Find out what extension(s) your web host uses then pick one. The most common is .php. Here’s some example code to show you how you can include header.html and footer.html in your pages. index.php or anything.php for other pages on your site This is the content of a page on my site. Html Tips and Tricks ( Meta Tag Transition Effects ) You can test these on your sites and you will see how some of those sites make those cool effects. Now you can use Page-Exit or Page- Enter Just Place them with the rest of your Meta Tags on your page or pages.
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   77
   
   Tips and Tricks
   
   HTML Lessons
   
   <meta http-equiv=”Page-Exit” content=”blendTrans(Duration=5.0)”> blend <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=0)”> - box in <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=1)”> - box out <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=2)”> - circle in <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=3)”> - circle out <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=4)”> - wipe up <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=5)”> - wipe down <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=6)”> - wipe right <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=7)”> - wipe left <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=8)”> - vertical blinds <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=9)”> - horizontal blinds <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=10)”> - checkboard across <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=11)”> - checkboard across <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=12)”> - randome dissolve <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=13)”> - split vertical in <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=14)”> - split vertical out <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=15)”> - split horizontal in
   
   78
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=16)”> - split horizontal out <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=17)”> - strips left down <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=18)”> - strips left up <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=19)”> - strips right down <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=20)”> - strips right up <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=21)”> - random bars horizontal <meta http-equiv=”Page-Exit” content=”revealTrans(Duration=5.0,Transition=22)”> - random bars vertical
   
   WHAT IS FTP File Transfer Protocol, better known as FTP, is a procedure used to upload and download files to and from your web server. FTP is a special way to login to another Internet site for the purposes of retrieving and/or sending files.
   
   HOW TO USE FTP In order to use FTP, you’ll need to download and install a software program on your computer. The most widely used FTP program is WS FTP Pro. You can find it here: http://www.wsftp.com. Also check out other FTP Downloads here When you first launch the FTP program, a startup screen will appear. This screen will enable you to add your website information and allow the program to connect with your server. You simply fill in the information where indicated with the following information:
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   79
   
   Tips and Tricks
   
   HTML Lessons
   
   Profile Name - This name will be added to the selection list of profile names. Select your profile name according to your domain. For example, if your domain name were smiths.com, your profile name might be Smiths. Host Name/Address - Your domain name address. Example - www.harlandscripts.com Host Type - The type of server in which your website is hosted. The standard is Unix.But you can probably skip it. User ID - Your hosting User ID. Example - candidinfo. Password - Your hosting password. Depending on which FTP client you use, the names may be slightly different. Once the FTP program has connected with your server, you will see the files on your computer in the left window and the files on your server will be displayed in the right window.
   
   TRANSFERRING FILES To maneuver through your folders, simply double click on them. To transfer your files, either double click on the file or highlight it and then click on the transfer files arrow. Sometimes, you will have to upload your files to a special directory, like WWW or Public_HTML, but most providers let‘s you upload the files to the current directory. To select more than one file at a time, click on each file you’d like to transfer while holding down the Ctrl key on your keyboard. Keep in mind, all of the files you select must be uploaded in the same mode. In other words, you could upload all of your HTML files at the same time, or all of your images.
   
   80
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   If all of the files you’d like to upload are all together, you can click on the first file while holding down your Shift key and use the down arrow on your keyboard to highlight all of your files. Files such as text, HTML, and most scripts should be uploaded to your server in ASCII mode. Any file that isn’t ASCII text, such as programs (EXE, ZIP), graphics, ebooks, sounds (WAV, MID) and movies should be uploaded to your server in Binary mode.
   
   FTP ADVANCED COMMANDS * File Permissions When using scripts on your website, you will be required to set file permissions in order for your scripts to run properly on a Unix server. The most common setting for CGI/Perl scripts is 755. When working with scripts, you may receive an Internal Server Error when you try to run it. Many times, this error is caused by improperly set file permissions. Permissions: * Read - 4 - r * Write - 2 - w * Execute - 1 - x * None - 0 - - Read permissions are enabled with the number 4 or the letter r. - Write permissions are enabled with the number 2 or the letter w. - Execute permissions are enabled with the number 1 or the letter x. - No permissions are enabled with the number 0 or a dash.
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   81
   
   Tips and Tricks
   
   HTML Lessons
   
   Each of these permissions will be set for each of the following: o Owner o Group o Other To give you a better idea of how permissions are set, below is an example of a script that requires the permissions to be set to 755 — it breaks down like this: 7 - Represents the permissions for the Owner (you). The owner has been given Read, Write and Execute permissions. 4+2+1=7. This can also be written like this: rwx 5 - Represents the permissions for the Group (individuals with access to your server). The Group has been given Read and Execute permissions. 4+1=5. This can also be written like this: rx 5 - Represents the permissions for the Others (website visitors). The Others have been given Read and Execute permissions. 4+1=5. This can also be written like this: rx 755 is equal to rwxrxrx Changing File Permissions with Your FTP program: If you would like to set your file permissions through your FTP program, you can do so like this: 1. Log into your server and locate the directory that contains your file. 2. Highlight the file that you would like to change permissions. 3. Place your mouse pointer over the file and right click to launch a menu. 4. Click on “chmod (UNIX) to launch the “permissions” window. 5. Set your permissions and click on OK.
   
   82
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   In addition to setting permissions with your FTP program, most web hosts will enable you to set permissions through your web page management system.
   
   FTP SOFTWARE DOWNLOAD If you’re managing your own website, having a good FTP software program is an absolute must. Not only will it provide you with some independence, but it will also enable you to have complete control over your files. Some of the FTP software programs which we had found useful are: FTP Downloads For Windows * WSFTP Download: Click Here to Download * CuteFTP Download: Click Here to Download * SmartFTP Download: Click Here to Download Html Color Charts Web Safe Color Chart Each color below contains the hexadecimal values and the RGB (Red, Green, Blue) Values. Select a color and copy & paste the hexadecimal value into your HTML document. Example: Hexadecimal Value - #FFFFFF
   
   RGB Color Code - R=255 G=255 B=255
   
   #FFFFFF
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   83
   
   Tips and Tricks
   
   HTML Lessons
   
   R=255 G=255 B=255 #FFFFCC R=255 G=255 B=204 #FFFF99 R=255 G=255 B=153 #FFFF66 R=255 G=255 B=102 #FFFF33 R=255 G=255 B=51 #FFFF00 R=255 G=255 B=0 #FFCCFF R=255 G=204 B=255 #FFCCCC R=255 G=204 B=204 #FFCC99
   
   84
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=255 G=204 B=153 #FFCC66 R=255 G=204 B=102 #FFCC33 R=255 G=204 B=51 #FFCC00 R=255 G=204 B=0 #FF99FF R=255 G=153 B=255 #FF99CC R=255 G=153 B=204 #FF9999 R=255 G=153 B=153 #FF9966 R=255 G=153 B=102 #FF9933
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   85
   
   Tips and Tricks
   
   HTML Lessons
   
   R=255 G=153 B=51 #FF9900 R=255 G=153 B=0 #FF66FF R=255 G=102 B=255 #FF66CC R=255 G=102 B=204 #FF6699 R=255 G=102 B=153 #FF6666 R=255 G=102 B=102 #FF6633 R=255 G=102 B=51 #FF6600 R=255 G=102 B=0 #FF33FF R=255 G=51 B=255 #FF33CC
   
   86
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=255 G=51 B=204 #FF3399 R=255 G=51 B=153 #FF3366 R=255 G=51 B=102 #FF3333 R=255 G=51 B=51 #FF3300 R=255 G=51 B=0 #FF00FF R=255 G=0 B=255 #FF00CC R=255 G=0 B=204 #FF0099 R=255 G=0 B=153 #FF0066 R=255 G=0 B=102 #FF0033
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   87
   
   Tips and Tricks
   
   HTML Lessons
   
   R=255 G=0 B=51 #FF0000 R=255 G=0 B=0 #CCFFFF R=204 G=255 B=255 #CCFFCC R=204 G=255 B=204 #CCFF99 R=204 G=255 B=153 #CCFF66 R=204 G=255 B=102 #CCFF33 R=204 G=255 B=51 #CCFF00 R=204 G=255 B=0 #CCCCFF R=204 G=204 B=255 #CCCCCC
   
   88
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=204 G=204 B=204 #CCCC99 R=204 G=204 B=153 #CCCC66 R=204 G=204 B=102 #CCCC33 R=204 G=204 B=51 #CCCC00 R=204 G=204 B=0 #CC99FF R=204 G=153 B=255 #CC99CC R=204 G=153 B=204 #CC9999 R=204 G=153 B=153 #CC9966 R=204 G=153 B=102 #CC9933
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   89
   
   Tips and Tricks
   
   HTML Lessons
   
   R=204 G=153 B=51 #CC9900 R=204 G=153 B=0 #CC66FF R=204 G=102 B=255 #CC66CC R=204 G=102 B=204 #CC6699 R=204 G=102 B=153 #CC6666 R=204 G=102 B=102 #CC6633 R=204 G=102 B=51 #CC6600 R=204 G=102 B=0 #CC33FF R=204 G=51 B=255 #CC33CC
   
   90
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=204 G=51 B=204 #CC3399 R=204 G=51 B=153 #CC3366 R=204 G=51 B=102 #CC3333 R=204 G=51 B=51 #CC3300 R=204 G=51 B=0 #CC00FF R=204 G=0 B=255 #CC00CC R=204 G=0 B=204 #CC0099 R=204 G=0 B=153 #CC0066 R=204 G=0 B=102 #CC0033
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   91
   
   Tips and Tricks
   
   HTML Lessons
   
   R=204 G=0 B=51 #CC0000 R=204 G=0 B=0 #99FFFF R=153 G=255 B=255 #99FFCC R=153 G=255 B=204 #99FF99 R=153 G=255 B=153 #99FF66 R=153 G=255 B=102 #99FF33 R=153 G=255 B=51 #99FF00 R=153 G=255 B=0 #99CCFF R=153 G=204 B=255 #99CCCC
   
   92
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=153 G=204 B=204 #99CC99 R=153 G=204 B=153 #99CC66 R=153 G=204 B=102 #99CC33 R=153 G=204 B=51 #99CC00 R=153 G=204 B=0 #9999FF R=153 G=153 B=255 #9999CC R=153 G=153 B=204 #999999 R=153 G=153 B=153 #999966 R=153 G=153 B=102 #999933
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   93
   
   Tips and Tricks
   
   HTML Lessons
   
   R=153 G=153 B=51 #999900 R=153 G=153 B=0 #9966FF R=153 G=102 B=255 #9966CC R=153 G=102 B=204 #996699 R=153 G=102 B=153 #996666 R=153 G=102 B=102 #996633 R=153 G=102 B=51 #996600 R=153 G=102 B=0 #9933FF R=153 G=51 B=255 #9933CC
   
   94
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=153 G=51 B=204 #993399 R=153 G=51 B=153 #993366 R=153 G=51 B=102 #993333 R=153 G=51 B=51 #993300 R=153 G=51 B=0 #9900FF R=153 G=0 B=255 #9900CC R=153 G=0 B=204 #990099 R=153 G=0 B=153 #990066 R=153 G=0 B=102 #990033
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   95
   
   Tips and Tricks
   
   HTML Lessons
   
   R=153 G=0 B=51 #990000 R=153 G=0 B=0 #66FFFF R=102 G=255 B=255 #66FFCC R=102 G=255 B=204 #66FF99 R=102 G=255 B=153 #66FF66 R=102 G=255 B=102 #66FF33 R=102 G=255 B=51 #66FF00 R=102 G=255 B=0 #66CCFF R=102 G=204 B=255 #66CCCC
   
   96
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=102 G=204 B=204 #66CC99 R=102 G=204 B=153 #66CC66 R=102 G=204 B=102 #66CC33 R=102 G=204 B=51 #66CC00 R=102 G=204 B=0 #6699FF R=102 G=153 B=255 #6699CC R=102 G=153 B=204 #669999 R=102 G=153 B=153 #669966 R=102 G=153 B=102 #669933
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   97
   
   Tips and Tricks
   
   HTML Lessons
   
   R=102 G=153 B=51 #669900 R=102 G=153 B=0 #6666FF R=102 G=102 B=255 #6666CC R=102 G=102 B=204 #666699 R=102 G=102 B=153 #666666 R=102 G=102 B=102 #666633 R=102 G=102 B=51 #666600 R=102 G=102 B=0 #6633FF R=102 G=51 B=255 #6633CC
   
   98
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=102 G=51 B=204 #663399 R=102 G=51 B=153 #663366 R=102 G=51 B=102 #663333 R=102 G=51 B=51 #663300 R=102 G=51 B=0 #6600FF R=102 G=0 B=255 #6600CC R=102 G=0 B=204 #660099 R=102 G=0 B=153 #660066 R=102 G=0 B=102 #660033
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   99
   
   Tips and Tricks
   
   HTML Lessons
   
   R=102 G=0 B=51 #660000 R=102 G=0 B=0 #33FFFF R=51 G=255 B=255 #33FFCC R=51 G=255 B=204 #33FF99 R=51 G=255 B=153 #33FF66 R=51 G=255 B=102 #33FF33 R=51 G=255 B=51 #33FF00 R=51 G=255 B=0 #33CCFF R=51 G=204 B=255 #33CCCC
   
   100
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=51 G=204 B=204 #33CC99 R=51 G=204 B=153 #33CC66 R=51 G=204 B=102 #33CC33 R=51 G=204 B=51 #33CC00 R=51 G=204 B=0 #3399FF R=51 G=153 B=255 #3399CC R=51 G=153 B=204 #339999 R=51 G=153 B=153 #339966 R=51 G=153 B=102 #339933
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   101
   
   Tips and Tricks
   
   HTML Lessons
   
   R=51 G=153 B=51 #339900 R=51 G=153 B=0 #3366FF R=51 G=102 B=255 #3366CC R=51 G=102 B=204 #336699 R=51 G=102 B=153 #336666 R=51 G=102 B=102 #336633 R=51 G=102 B=51 #336600 R=51 G=102 B=0 #3333FF R=51 G=51 B=255 #3333CC
   
   102
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=51 G=51 B=204 #333399 R=51 G=51 B=153 #333366 R=51 G=51 B=102 #333333 R=51 G=51 B=51
   
   #333300
   
   R=51 G=51 B=0
   
   #3300FF
   
   R=51 G=0 B=255 #3300CC R=51 G=0 B=204 #330099 R=51 G=0 B=153 #330066 R=51 G=0 B=102 #330033
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   103
   
   Tips and Tricks
   
   R=51 G=0 B=51
   
   #330000
   
   R=51 G=0 B=0
   
   #00FFFF
   
   HTML Lessons
   
   R=0 G=255 B=255 #00FFCC R=0 G=255 B=204 #00FF99 R=0 G=255 B=153 #00FF66 R=0 G=255 B=102 #00FF33 R=0 G=255 B=51 #00FF00 R=0 G=255 B=0 #00CCFF R=0 G=204 B=255 #00CCCC
   
   104
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=0 G=204 B=204 #00CC99 R=0 G=204 B=153 #00CC66 R=0 G=204 B=102 #00CC33 R=0 G=204 B=51 #00CC00 R=0 G=204 B=0 #0099FF R=0 G=153 B=255 #0099CC R=0 G=153 B=204 #009999 R=0 G=153 B=153 #009966 R=0 G=153 B=102 #009933
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   105
   
   Tips and Tricks
   
   HTML Lessons
   
   R=0 G=153 B=51 #009900 R=0 G=153 B=0 #0066FF R=0 G=102 B=255 #0066CC R=0 G=102 B=204 #006699 R=0 G=102 B=153 #006666 R=0 G=102 B=102 #006633 R=0 G=102 B=51 #006600 R=0 G=102 B=0 #0033FF R=0 G=51 B=255 #0033CC
   
   106
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   R=0 G=51 B=204 #003399 R=0 G=51 B=153 #003366 R=0 G=51 B=102 #003333 R=0 G=51 B=51
   
   #003300
   
   R=0 G=51 B=0
   
   #0000FF
   
   R=0 G=0 B=255 #0000CC R=0 G=0 B=204 #000099 R=0 G=0 B=153 #000066 R=0 G=0 B=102 #000033
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   107
   
   Tips and Tricks
   
   R=0 G=0 B=51
   
   HTML Lessons
   
   #000000
   
   R=0 G=0 B=0 ====================================================
   
   HTML SYMBLES © © ! Û ® ® " Ü   # Ý " “ $ Þ & & % ß < < & & > > ' ã À À ( â Á Á ) ã Â Â * ä Ã Ã + å Ä Ä , æ
   
   108
   
   !
   
   _
   
   _
   
    •
   
   Û
   
   “
   
   `
   
   `
   
   ž •
   
   Ü
   
   ‘
   
   a
   
   a
   
   Ÿ Ÿ
   
   Ý
   
   $
   
   b
   
   b
   
    
   
   Þ
   
   %
   
   c
   
   c
   
   ¡ ¡
   
   ß
   
   d d ¢ ¢ à à ‘ e e £ £ ã (
   
   f f
   
   ¤ £
   
   â
   
   )
   
   g g
   
   ¥ ¥
   
   ã
   
   *
   
   h h
   
   ¦ ¦
   
   ä
   
   +
   
   i i
   
   § §
   
   å
   
   ,
   
   j j
   
   ¨ ¨
   
   æ
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Å ç Æ è Ç é È ê É ë Ê Ê ì ËË í Ì î Í ï Î Î ð Ï Ï ñ Ð Ð ò Ñ ó Õ ô Ö õ Ø ö Ù ÷ Ú ø
   
   Å
   
   Tips and Tricks
   
   - -
   
   k k
   
   © ©
   
   ç
   
   Æ . .
   
   l l
   
   ª ª
   
   è
   
   Ç
   
   / /
   
   m m
   
   « «
   
   é
   
   È
   
   0 0
   
   n n
   
   ¬ ¬
   
   ê
   
   É
   
   1 1
   
   o o
   
   ­ -
   
   ë
   
   2
   
   2
   
   p p
   
   ® ®
   
   ì
   
   3
   
   3
   
   q q
   
   ¯ ¯
   
   í
   
   Ì
   
   4 4
   
   r r
   
   ° °
   
   î
   
   Í
   
   5 5
   
   s s
   
   ± ±
   
   ï
   
   6
   
   6
   
   t t
   
   ² ²
   
   ð
   
   7
   
   7
   
   u u
   
   ³ ³
   
   ñ
   
   8
   
   8
   
   v v
   
   ´ ´
   
   ò
   
   Ñ
   
   9 9
   
   w w
   
   µ µ
   
   ó
   
   Õ
   
   : :
   
   x x
   
   ¶ ¶
   
   ô
   
   Ö
   
   ; ;
   
   y y
   
   · ·
   
   õ
   
   Ø
   
   < <
   
   z z
   
   ¸ ¸
   
   ö
   
   Ù
   
   = =
   
   { {
   
   ¹ ¹
   
   ÷
   
   Ú
   
   > >
   
   | |
   
   º º
   
   ø
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   109
   
   Tips and Tricks
   
   Û Û ù Ü ú Ý û Þ ü ß ß ý à þ á ÿ å å
   
   ?
   
   HTML Lessons
   
   ?
   
   } }
   
   » »
   
   ù
   
   Ü
   
   @ @
   
   ~ ~
   
   ¼ ¼
   
   ú
   
   Ý
   
   A A
   
    ?
   
   ½ ½
   
   û
   
   Þ
   
   B B
   
   € •
   
   ¾ ¾
   
   ü
   
    •
   
   ¿ ¿
   
   ý
   
   C
   
   C
   
   à
   
   D D
   
   ‚ ‚
   
   À À
   
   þ
   
   á
   
   E E
   
   ƒ ƒ
   
   Á Á
   
   ÿ
   
   F
   
   F
   
   „ „
   
   Â Â
   
   æ æ
   
   G
   
   G
   
   … …
   
   Ã Ã
   
   ç
   
   ç
   
   H H
   
   † †
   
   Ä Ä
   
   è
   
   è
   
   I I
   
   ‡ ‡
   
   Å Å
   
   é
   
   é
   
   J J
   
   ˆ ˆ
   
   Æ Æ
   
   ê ê
   
   K
   
   K
   
   ‰ ‰
   
   Ç Ç
   
   ë ë
   
   L
   
   L
   
   Š Š
   
   È È
   
   ì
   
   ì
   
   M M
   
   ‹ ‹
   
   É É
   
   í
   
   í
   
   N N
   
   Œ Œ
   
   Ê ?
   
   î î
   
   O
   
   O
   
    •
   
   Ë Ë
   
   ï ï
   
   P
   
   P
   
   Ž •
   
   Ì Ì
   
   110
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   ð
   
   ð
   
   Q
   
   Tips and Tricks
   
   Q
   
    •
   
   Í Í
   
   ñ
   
   ñ
   
   R R
   
    •
   
   Î Î
   
   ò
   
   ò
   
   S S
   
   ‘ ‘
   
   Ï Ï
   
   ó
   
   ó
   
   T T
   
   ’ ’
   
   Ð Ð
   
   ô ô
   
   U
   
   U
   
   “ “
   
   Ñ Ñ
   
   õ
   
   õ
   
   V V
   
   ” “
   
   Ò Ò
   
   ö ö
   
   W
   
   • •
   
   Ó Ó
   
   ø
   
   ø
   
   X X
   
   – –
   
   Ô Ô
   
   ù
   
   ù
   
   Y Y
   
   — —
   
   Õ Õ
   
   ú
   
   ú
   
   Z Z
   
   ˜ ˜
   
   Ö Ö
   
   û û
   
   [
   
   ™ ™
   
   × ×
   
   ý
   
   ý
   
   š š
   
   Ø Ø
   
   þþ
   
   ]
   
   ]
   
   › ›
   
   Ù Ù
   
   ÿ ÿ
   
   ^
   
   ^
   
   œ œ
   
   Ú Ú
   
   W
   
   [
   
   \ \
   
   HTML TAGS Anchor Address Applet Area of Image Map
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   111
   
   Tips and Tricks
   
   HTML Lessons
   
   Bold Base Basefont Big Blink BlockQuote Body Break Caption Anchor Anchor Center Cite Code Comment Directory List Document Definition List Definition Emphasis Embed Font Form Frame Frameset Head Heading Horizontal Rule Html Italics Ilayer Input variables Isindex Keyboard Keygen
   
   112
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   Layer List Item Link Map Menu List Meta MultiColumn No Line Break No Embed No Frames NoLayer NoScript Object Ordered List Option Paragraph Parameter Plain Text Preformatted Strikethrough Script Selection List Server Small Spacer Span Strike Strong Style Subscript Superscript Table Table Data TextArea
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   113
   
   Tips and Tricks
   
   HTML Lessons
   
   Table Head Title Table Row Typewrite Underlined Unordered List Variable Word Break
   
   HTML FILE SIZE Bit - The smallest unit in computing. It can have a value of 1 or 0. You’d be hard pressed to find a file size listed in bits. Byte - A (still small) unit of information made up of 8 bits. Kilobyte (KB) - A unit of approximately 1000 bytes (1024 to be exact). Most download sites use kilobytes when they give file sizes. Megabyte (MB) - A unit of approximately one million bytes (1,024 KB). Gigabyte (GB) - Approximately 1 billion bytes (1024 MB). Most hard drive sizes are listed in gigabytes. OK, now for a little practical application. A 3 1/2" floppy drive holds 1.44 Megabytes (1,474 KB). A CD Rom holds 650 Megabytes (though most programs you get don’t utilize the whole 650). This would be around 450 of those 3.5 floppies. A 20 Gig hard drive will hold the same amount of info as 31 CD ROMs or 14,222 of the 3.5 floppy disks.
   
   114
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   It takes between 4-10 minutes to download a one megabyte (1024 KB) file using the average dial up interent connection. A typical page of text is around 4KB. To see the size of a given file, just right-click it (in Explorer or My Computer) and select Properties from the resulting menu.
   
   HTML IMAGE TYPES JPEGs from your GIFs There are basically two ways of saving images, lossy or lossless
   
   COMMON FORMATS JPEG - The most common image formats. It’s primarily used for photographs. It is a lossy type of format, but most people can’t really see the difference. You can adjust the amount of compression when saving a jpeg image, so you do have some control over the final output quality. JPEGs are extremely popular since they compress into a small file size and retain excellent image quality. Keep in mind that the more you compress a JPEG, the more “pixely” it will tend to look. For the best results, save your JPEGs at the “medium” or “High” setting (your imaging software should bring up this option when you go to save as a JPEG). I really can’t see any image degradation in most pictures saved at the medium setting. GIF - Another popular format, especially on the web. It’s a lossless format that’s ideal for graphics. GIFs can be either static or animated. If you’ve ever seen a graphic on a web page that was animated, you’ve seen one of these animated gifs.
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   115
   
   Tips and Tricks
   
   HTML Lessons
   
   Most of the time GIFs are used for non-photographic type images. Buttons, borders, stuff like that. BMP - This is the standard Windows image format. It’s lossless and works well for pictures or graphics. It’s an uncompressed file format, so it takes up lots of disk space. It’s also the standard format for Windows wallpaper. TIFF - Most people’s Favorite. It’s a lossless format that can use file compression (called LZW compression). It won’t result in as small a file as a jpeg (which is why it’s not used on the web), but you do retain all image quality. When compressed, the file is usually about half the size of the original file. You can save photos in this format. And then convert them to other formats for screen savers, wallpaper, or web images
   
   HTML ERRORS AND WHAT THEY MEAN It happens to all of us. We’re surfing along, and up comes an error (usually 404). What do all those error codes mean? Here’s a quick rundown of the most common. Error numbers and what they mean 400 - Bad Request - You probably typed in a URL wrong, the server has no clue what you’re looking for, or you aren’t allowed to have access. Usually, it’s a matter of the URL being typing in wrong. Maybe you mixed upper and lowercase letters or something. 401- Unauthorized Request - you tried to get to something on the web server you’re not allowed to play with. In other words, NOT ALLOWED. 403 - Forbidden - You can’t access the page. You may not have access (it may require a password), or it may be blocked from your domain.
   
   116
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   404 - Not Found - The page you were trying to look at was not found on the server. This is probably the most common error you’ll come across. What has probably happened is that the web page you were going to has been removed or re-named, or just not there. Try scaling down the URL. For example, if it’s: www.html4newbies.com/errors/nopage.htm you may want to try: www.html4newbies.com/errors or www.html4newbies.com Keep going backwards in the URL and you’ll usually come up with the site you’re after. Then you can look for the lost page from there. Another possibility is that your Internet connection has gone dead. Try relogging on. 500 - Internal error - Usually caused by a CGI error. You fill out a form, but the script used to process it is not working properly. 503 - Service Unavailable - The server may be overloaded, down, or have other similar problems. Try later. Those are the main ones. You may run across one that isn’t listed above on a rare occasion, just know that most of the time, it’s not your computer that’s the problem, it’s their server. Hope this helps.
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   117
   
   Tips and Tricks
   
   HTML Lessons
   
   FORMS Forms Tutorial Learning how to make forms for your website is really easy and can get once you have learned the basics you can really make some usefull forms. First thing to remember are these two tags.
   and
   Everything for your form goes between those two tags. The form action will be where the information will be sent and the method for how it will be sent is POST. You could use Get but just about all the time you use POST. Difference is how the information from your form to the server is sent. You can use alot of elements for your form and we will use alot of them to make one form as an example for you to learn and you can make one for yourself and try it. Name This line of code made that above.

   Name

   
   
   118
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   Whats your favorate site ? Scriptjobs html4newbies 2kstop These lines of code made that above.

   Whats your favorate site ?

   Scriptjobs html4newbies 2kstop

   Whats your Gender ? Male Female Still Confused All three These lines of code made that above.

   Whats your Gender ?

   Male Female Still Confused All three

   Whats your favorite Ice Cream ?
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   119
   
   Tips and Tricks
   
   HTML Lessons
   
   These lines of code made that above.

   Whats your favorite Ice Cream ?

   <select Name=”Menu” size=”1"> Chocolate Vanilla Strawberry None of the above

   What is your favorite Holiday ? These lines of code made that above.

   What is your favorite Holiday ?

   <select Name=”Menu” Size=”3"> Easter Thanksgiving Christmas Newyear

   
   
   120
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   Describe your Computer ! These lines of code made that above.

   Describe your Computer !

   And of course you will need some buttons for submitting the form and resetting the form. These lines of code made that above.

   And of course you will need some buttons for submitting the form and resetting the form.

   Now lets use all of those in a form. This form will use your email program to send the form to Us. Name Whats your favorite site ? Scriptjobs html4newbies 2kstop Whats your Gender ?
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   121
   
   Tips and Tricks
   
   HTML Lessons
   
   Male Female Still Confused All three Whats your favorite Ice Cream ? What is your favorite Holiday ? Describe your Computer ! These lines of code made that form above.

   <strong>Name

   <strong>Whats your favorite site ?

   Scriptjobs html4newbies 2kstop

   <strong>Whats your Gender ?

   Male Female Still Confused
   122
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   Value=”A”>All three

   <strong>Whats your favorite Ice Cream ?

   <select Name=”Menu” size=”1"> Chocolate Vanilla Strawberry None of the above

   <strong>What is your favorite Holiday ?

   <select Name=”Menu” Size=”3"> Easter Thanksgiving Christmas Newyear

   <strong>Describe your Computer !

   
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   123
   
   Tips and Tricks
   
   HTML Lessons
   
   

    

   
   
   LINK TO US
   
   FOR GUESTBOOK (TAKEN FROM OTHER SITE)
   
   
   124
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   Tips and Tricks
   
   

   Name:
   Email:
   HomePage:
   Where are you from:
   Comments:
   ex:Favorite Quote
   Type this 4 to 6 character security code into this box (This code prevents automated programs from adding entries to the guestbook.)

   <SCRIPT>function setAuthCode() { c = new Array(8); for(i=0;i<8;i++){c[i]=Math.round(Math.random()*26)+65} authString = String.fromCharCode(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7]); document.fhguest.auth_image.value = authString+”.gif”; document.auth_img.src = “/cgi-bin/authimage/”+authString+”.gif”; } setAuthCode();
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   125
   
   HTML Lessons
   
   8888888888888888888888888888888888888888888888 8888888888888888888888888888888888888888888888 88 _________________________________________ 88 88 _____##########2_________________________ 88 88 ___2##############_______________________ 88 88 ___################______________________ 88 88 __##################_________=2##2_______ 88 88 ___##################_____2##########_____ 88 88 ___##################___2#############____ 88 88 ____#################2_###############2___ 88 88 _____#################################2___ 88 88 _______###############################___ 88 88 ________#############################=___ 88 88 _________=##########################_____ 88 88 ___________########################______ 88 88 ____________2####################=_______ 88 88 _____________2##################_________ 88 88 ______________=###############___________ 88 88 ________________#############____________ 88 88 _________________##########______________ 88 88 _________________=#######2_______________ 88 88 __________________######_________________ 88 88 ___________________####__________________ 88 88 ___________________###___________________ 88 88 ____________________#____________________ 88 88 _________________________________________ 88 8888888888888888888888888888888888888888888888 8888888888888888888888888888888888888888888888
   
   126
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   LOVE Faith, hope, and love will remain And love is the greatest of all But love not the world until end For if you do you’ll surely fall. Love is patient, love is generous Love covers a multitude of sins Love is not puffed up nor is it envious Love hopes all things and love never ends. “If I have all the faith so as to move mountains But I don’t have love I am nothing.” Apostle Paul said in 1 Corinthians thirteen To teach love to all human beings. God is love and we ought to love one another As we can’t love God if we don’t love our brother.
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   127
   
   HTML Lessons
   
   WHOLE DUTY OF MAN In the beginning the earth was invisible and unequipped Darkness above the abyss and above the water God’s Spirit Then in six days everything God created On the seventh day from all His works He rested. God made man according to His own image Male and female He commanded and blessed “Grow and multiply, lord over the earth including fishes But eat not from the fruit of the tree of knowledge.” For lust of flesh and eyes then pride of life they violated And sin entered that from God men are separated As time goes by men grow more corrupted Living wantonly not knowing that they are dead. Solomon in his grandeur did what he wanted But Vanity! Vanity! All is vanity! he shouted For the whole duty of man in 12:13 Ecclesiastes “Fear God and keep His commandments” now and always.
   
   128
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   HTML Lessons
   
   PERFECT PEACE When I wake up in the morning I hear noise of everything People working, children playing, radio and TV broadcasting Day in and day out the same things keep on occurring Noise of everything making my head almost always aching. I’ll soon be sixty and I have been exposed a great lot I have sadly experienced various adversities in life Fervently seeking and fighting for what I believe is right But alone in despair I failed bitterly in my worldly strife. Then God called me and I became a soldier of Christ I preach His Word thru the books I ardently write Thru the internet I vouch proclaiming His might In Him I certainly found what is pure and truly right. “I leave to you peace, I give to you My peace. Let not the heart of you be agitated nor let it be afraid. I Myself give to you not as the world gives.” In John 14:27, that’s what our Lord Iesous Christ said. As I lay down late at night to refresh my body and rest Pondering how people yearning can have the most-sought peace Serving God to help others is sure and undoubtedly the best In Him I find myself being cradled living in perfect peace.
   
   COMPILED BY ARSENIA R. JOAQUIN
   
   129
   
   HTML Lessons
   
   130
   
   COMPILED BY ARSENIA R. JOAQUIN