FRAMES AND LINKS TAGS
HTML SETUP FRAMES USING Table cells.
Do you like the look of the topbar links? Here is the code.
Change it to your colors and links
Lets test it here is what it will look like
Change it with your links and text. |
|
| Replace this text with your own link |
Replace this text with your own link |
Replace this text with your own link |
Replace this text with your own link |
Replace this text with your own link |
Replace this text with your own link |
Replace this text with your own link |
Replace this text with your own link |
Replace this text with your own link |
|---|
LETS MAKE 2 CELLS IN A ROW, ITS EASY.
Here is the code; Cut and paste into our document.
LETS TEST IT; Here is what it should look like.
TEXT IN CELL 1;
Our text would go here.
There is more HTML Tags at
the bottom of the cell, they
must go at the bottom or the
cell will not work. |
TEXT IN CELL 2;
Our text would go here.
There is more HTML Tags at
the bottom of the cell, they
must go at the bottom or the
cell will not work.
|
LETS MAKE THREE CELLS IN A ROW
Here is the code; Cut and paste.
NOW LETS TEST THREE CELLS IN A ROW
Here is what it should look like.
|
TEXT GOES HERE.
|
TEXT GOES HERE.
|
TEXT GOES HERE.
|
Remember to break the cells apart where you want them with:
</td><td>
2 CELLS LETS TRY A DIFFERENT WAY OF DOING CELLS
WE CAN ADD MORE COLOR. WE CAN CHANGE THE COLOR.
HERE IS THE CODE; CUT AND PASTE.
NOW LETS TEST IT. HERE IS HOW IT SHOULD LOOK.
CELL 1; TEXT GOES HERE
|
CELL 2; TEXT GOES HERE
|
1 CELL OVER 2 CELLS
LETS TRY A DIFFERENT WAY OF DOING CELLS
Here is the code; Cut and paste.
NOW LETS TEST IT. 1 cell over 2 cells.
LETS USE THE SAME AND MAKE FOUR CELLS
WE CAN CHANGE THE COLOR
Here is the code; Cut and paste.
LETS TEST IT, Four cells.
CELL 1
|
CELL 2
|
CELL 3
|
CELL 4
|
CELL 01
|
CELL 02
|
CELL 03 |
CELL 04
|
LETS TRY ANOTHER WAY 8 CELLS.
HERE IS THE CODE; Change it as you like
LETS TEST IT; Here is what it should look like.
| content
| content
| content
| content
|
| content
| content
| content
| content |
SAME THING BUT TWO CELLS, DIFFERENT BG COLOR
Here is the code
LETS TEST IT.
Cell 1 content.
|
Cell 2 content. |
Notice in the above example; When using a dark background,
always use light font colors.
MORE ABOUT CELLS
UNDERSTANDING <Div align=right> <Div align=center> <Div align=left>
Makes our cells stand on right or left or center.
Remember to close the DIV tag with the backslash; </Div>
DIV ALIGN RIGHT
Here is the code, cut and paste.
NOW LETS TEST IT. Here is what it should look like; <Div align=right>
NOW LETS TEST IT. Here is what it should look like; <Div align=center>
NOW LETS TEST IT. Here is what it should look like; <Div align=left>
ADDING ATTRIBUTES TO THE CELLS
Controls vertical alignment within the cell.
(Values; left, center, right)
<Div align=bottom> ALIGNS THE CELL CONTENT(Left, Right, Center).
ADDING ATTRIBUTES TO THE CELLS
Controls vertical alignment within the cell.
(Values; Top, Middle, Bottom)
<Div Valign="top"> <Div Valign="middle"> <Div Valign="left">
<BGCOLOR"COLOR">
Sets background color by color number or color name.
Maybe sometime we may want to see the html end tags?
UNDERSTANDING how to manipulate the html end tags.
< tag and the > tag.
The end tags that changes into something else.
 is the code to make this < tag show through the document,
and  is the code to make this > tag show
through the document.
If we want to see the complete HTML code in a document,
we can remove the < and > from the HTML tag and replace with
and
We can type or cut and paste
andon the end of <font color="black">
they will become invisible and turn into <font color="black"> on the document.
The font will not work, but you can see the html tag.
Close and save Notepad, then we can see the HTML tag.
Sometimes, when we type these two tags they will give problems.
When this happens, you may be able to cut and paste from another
document that you know is working;
Or cut and paste them from the end of another tag.
|
MARQUEE MAKER CODE NO BORDER; make it go right or left.
This code has attributes that allow you to fine-tune the appearance
of the sentence; direction=Right or left. Up and down.
Also you can change BG=the color,
scrollamount=change the speed.
Up or down
MARQUEE MAKER CODE. No border.
Cut and paste.
MARQUEE MAKER CODE. With border.
HERE IS THE CODE, CUT AND PASTE.
LETS TEST IT, here is what it should look like.
|
|
frames are windows within the main window,
A frame document contains at least three parts- The Frameset document,
which holds all of the frames, and at least two frames:
Think of the frameset document as a container that holds two or more
separate documents (Frame 1 and Frame 2).
Frame attributes
Most tags have attributes that allow you to "fine-tune" the
appearance of the tags
frame windows can be scrollable.
Valid values are yes, no, and auto.
NO FOLLOW TAG
Google has launched a new NOFOLLOW tag to be used primarily
for Blogs, Forums and Guest Book type sites that get a lot of link spam.
This is to prevent spammers from getting credit on their links.
The site owners need to implement this on their programs so that the
tag gets inserted automatically. The tag is in this format: rel="nofollow"
So for example, if your HTML link tag is as follows:
<a href="http://www.yahoo.com/">Yahoo</a>
Then you would do this:
<a href="http://www.yahoo.com/" rel="nofollow">Yahoo </a>
MAKE A BORDER AND SCROLL BAR AROUND ANY THING.
This border and scrollbar is used in this document to
border the code tags.
HERE IS THE CODE; Change it as you like.
<p class="example">
Introducing <p class="example">
<p class="example"> tag puts a border around certain areas of text.
HR SHADE TAG.
Cut the code and paste.
<HR noShade SIZE= 10>
<HR noShade SIZE=100>
<HR color="purple" SIZE="10">
BACK TO TOP
|