To change the size of the header you can simply enter these codes. It goes from biggest to smallest.
To force a break in the line enter this code
<h1 >your text goes here </h1 >
this is what it looks like
your text goes here
< h6 >your text goes here </h6>
this is what it looks like
your text goes here
<br>
Now if you want to seperate the lines enter this code.
<p>
back to top
Lets say you wanted to draw a line on your page. Just like I have on top this is the code you would use. The values replaced by the "?" you can replace with different numbers.
<hr size="?" width="?%">
Or this one without any shading.
<hr noshade size="?" width="?%">
back to top
Now if you wanted numbers instead of dots key this code in.
<ol>
<li>text1
<li>text2
</ol>
And this is what it looks like.
Now if you wanted to show list of definitions:
to start and end definition list
<d1> </d1>
This next code precedes each definition list
<dt>
While this next code is used to precede the definition
<dd>
back to top
for bold text
<b>bold</b>
for italics
<i>italics</i>
for underline
<u>underline</u>
for strikeout
<strike>strikeout</strike>
for superscript
<sup>superscript</sup>
for subscript
<sub>subscript</sub>
for teletype
<tt>teletype</tt>
for
preformatted
If you want to show these signs then you have to key them in like this:
< is &lt;
> is &gt;
© is &copy;
& is &amp;
" is &quot;
Or you can use an even easier code
<xmp > codes </xmp>
back to top
<center>center</center>
<right>right</right>
<left>left</left>
this aligns a paragraph
<p align=?> </p>
this is used to format large block of html
<div align=?>
this indents text from both sides
<blockquote> </blockquote>
This tag is used to align tables
<tr align=?> or <td align> for right, center, or left
<tr valign=?> or <td valign> for top, middle, bottom
RIGHT ALIGN A IMAGE
LEFT ALIGN A IMAGE
TO PLACE A IMAGE ANYWHERE
To change the color on your font, use this code:
<font color="#?">your text goes here</font>
Now what if you wanted to add a little flavor to your colored text, you can use this code to make it glow:
<table border="0" style="filter:glow (color="#?", direction="150", strength="3")"><tr><td>your text goes here</td></tr></table>
for glow |
shadow |
If you want to change size use this tag:
<font size="+?">
NOW FOR TEXT IMAGING HERE ARE SOME CODES
DROP SHADOW
KEEBLER |
KEEBLER |
KEEBLER
KEEBLER
For your background color, text color, & link color use these codes:
background color:
<body bgcolor="#?">
For text color:
<body text="#?">
for unvisited lionks
<body link="#?">
for visited links
<body vlink="#?">
For active links
<body alink="#?">
Graphic backgrounds are a little different:
<body background="http://address of picture">
If you wanted a fixed background use this code:
<style type="text/css"><!--Body {background:url(http://address of pic)fixed}//--></style>
Multi Color Page
Blended Background
For A Whole Page Layout use this code
There are several ways to put on a graphic:
From the web <img src="http://address of pic">
Or to upload it <img src="pic.gif">
Suppose you want to change the size of graphic:
<img src="http://address" width="?" height="?" border="?" alt="?">
OR YOU CAN USE THIS CODE
to put a border around your picture
To put a name around your picture
TO SHADOW A PICTURE
RIGHT
LEFT
ROUND
CENTER
BOX
back to top
For a regular text link use this code:
<a href="http://address to where you want to link to">your text goes here</a>
If you wanted a link with a graphic instead of text type this in:
<a href="http://address of where to link"><img src="http://address of picture"></a>
If you wanted to navigate through a page using links use this code:
<a href="#whatever you wanna call it">
Then at the spot you want the link to appear enter this:
<a name="whatever you called the link">
For a mail to link enter this:
<a href="mailto:email address you wanted to forward">text goes here</a>
To remove a line from under a link use this:
<a:link{text-decoration:none}a:active{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}visited{text-decoration:none}a:hover{text-decoration:none}>
back to top
For your text to scoll on the screen, like how my s/n is doing on top:
<marquee [scrolling="?"]>your text goes here</marquee>
You can use alternate, slide, or direction="right"
back to top
HERES A FEW MARQUEES:
|
|
|
<styletype="text/css"><!--a:link{color:#?; text-decoration:none}a:active{color:#?; text-decoration:none}a:visited{color:#?; text-decoration:none}a:hover{color:#?; text-decoration:none}-->your text goes here</style>
back to top
If you want a raining effect on your screen use this code, the graphic address is the graphic you want to use as rain:
<table style="position: absolute; width:?; left:?; top:?; z-index:0"><tr><td><marquee direction= down height=? scrolldelay=?><img src=http://Adress of graphic"></marquee></td></tr></table>
back to top
To change the shape of the cursor:
<style><--body{cursor:???}//--></style>
???=n-resize, ne-resize, help, auto, e-resize, se-resize, move, default, s-resize, sw-resize, pointer, w-resize, nw-resize, wait.
To put an image on the cursor:
<="http://adress of graphic" id="aahh" style="position: absolute; <br>"onload="javascript: function move cursor(){document.all.ahh.style.pixel top=event.y+document.body.scroll top+10; document.all.ahh.style.pixel left=event.x+document.body.scroll left+10;}document.on.mousemove=move cursor;">
back to top
For a table use this code: <table[border"?"][width="?"][height="?"][background="http://"?"][bgcolor="#?"][border color"#?"]><tr><td[width="?%"][v align="?"]>message is here</td></tr></table>
or you can use this more simplier code:
<tableborder="?">
<tr>
<td>your text goes here</td>
<td>text goes here</td>
</tr>
<tr>
<td>text</td>
</tr>
</table>
this is what it looks like:
textr here | text2 here |
text |
Now here we go with frames, but its important for you to know, create the frames, then on seperate document you can work within the frames by naming them so when you save.
<frameset cols="?%, *">
<frame src="name of first frame.html">
<frame src="name of second frame">
then you can open the document and work within the frames.
you can either use cols or rows!!!!
This tag specifies which html document will be displayed
<frame src="URL">
This tag names the frame
<frame name="?">
This tag below defines left and right margins
<frame marginwidth=?>
for defining top and bottom margins
<frame marginheight=?>
This tag defines whether or not there is a scrollbar, ?=no, yes, auto
<frame scrolling=?>
back to top
Adding music or other sound fx is always good, here is a few codes on how to put them on.
Midi file:
<embedsrc="http://address"[autostart="true"][width="?"][height="?"][loop="?"]>
Real Audio
<embed src="http://address" width="?" height"?" control="small console" autostart="true" loop="true" auto replay="true" type=audio/x-pn-realaudio-plugin exts-ra, ram initfn=load-types mime-types=mime.types>
from the web:
<bgsound src="http://adress" loop="infinite" autostart="tru">
TO ADD VIDEOS USE THIS CODE
For a comment box:
text goes here
<textarea rows="?" cols="?" name="suggestions"></textarea><p>
this what it looks like:
text goes here
For check boxes:
text goes here
<input type="checkbox" name="like" value="?">text goes here<p>
this is what it looks like:
text goes here
text goes here
For radio buttons:
text goes here
<input type="radio" name="like" value"?">text goes here<p>
This is what it looks like
text goes here
text goes here
For a pull down list:
text goes here
<select name="?">
<option>red
<optiopn>green
<option selected>black
</select><p>
This is what it looks like:
Text here
For a scroll down list:
text goes here
<selectname="?" size="3">
<option value="?">text goes here
</select><p>
This is what it looks like, option value is repeated:
text goes here
For single question answers:
<input type="input" name="?">text goes here<p>
this is what it looks like:
email address
back to top
Here is a button to reset a form:
To reset form push this button:<input type="reset" value="reset">
To put a submit form button use this:
To submit form push this button:<input type="submit" value="submit">
make sure at the end of form you put:</form>
back to top
For improved search engine results to your site:
<meta name="description" content="descriptiopn of of text page">
<meta name="keywords" content="keyword text"&ft;
For an auto refresh:
<meta http-equiv=refresh content="?_seconds; url=Http;//your address">
back to top
<img src="j&#41;vascript: alert(8#39;text message goes here.&#39;)"width=0 height=o>
back to top
To open a new window:
<img src="j&#41;vascript:window.open(&#39; http://address to open&#39;)"width=0 height=0>
To redirect the page to another
<img src="j&#41;vascript:window.function(&#39; http://address to be redicted&#39;)"width=0 height=0>
back to top
- | #FFFFFF | - | #FFFFCC | - | #FFFF99 | - | #FFFF66 | - | #FFFF33 | - | #FFFF00 |
- | #CCFFFF | - | #CCFFCC | - | #CCFF99 | - | #CCFF66 | - | #CCFF33 | - | #CCFF00 |
- | #99FFFF | - | #99FFCC | - | #99FF99 | - | #99FF66 | - | #99FF33 | - | #99FF00 |
- | #66FFFF | - | #66FFCC | - | #66FF99 | - | #66FF66 | - | #66FF33 | - | #66FF00 |
- | #33FFFF | - | #33FFCC | - | #33FF99 | - | #33FF66 | - | #33FF33 | - | #33FF00 |
- | #00FFFF | - | #00FFCC | - | #00FF99 | - | #00FF66 | - | #00FF33 | - | #00FF00 |
- | #FFCCFF | - | #FFCCCC | - | #FFCC99 | - | #FFCC66 | - | #FFCC33 | - | #FFCC00 |
- | #CCCCFF | - | #CCCCCC | - | #CCCC99 | - | #CCCC66 | - | #CCCC33 | - | #CCCC00 |
- | #99CCFF | - | #99CCCC | - | #99CC99 | - | #99CC66 | - | #99CC33 | - | #99CC00 |
- | #66CCFF | - | #66CCCC | - | #66CC99 | - | #66CC66 | - | #66CC33 | - | #66CC00 |
- | #33CCFF | - | #33CCCC | - | #33CC99 | - | #33CC66 | - | #33CC33 | - | #33CC00 |
- | #00CCFF | - | #00CCCC | - | #00CC99 | - | #00CC66 | - | #00CC33 | - | #00CC00 |
- | #FF99FF | - | #FF99CC | - | #FF9999 | - | #FF9966 | - | #FF9933 | - | #FF9900 |
- | #CC99FF | - | #CC99CC | - | #CC9999 | - | #CC9966 | - | #CC9933 | - | #CC9900 |
- | #9999FF | - | #9999CC | - | #999999 | - | #999966 | - | #999933 | - | #999900 |
- | #6699FF | - | #6699CC | - | #669999 | - | #669966 | - | #669933 | - | #669900 |
- | #3399FF | - | #3399CC | - | #339999 | - | #339966 | - | #339933 | - | #339900 |
- | #0099FF | - | #0099CC | - | #009999 | - | #009966 | - | #009933 | - | #009900 |
- | #FF66FF | - | #FF66CC | - | #FF6699 | - | #FF6666 | - | #FF6633 | - | #FF6600 |
- | #CC66FF | - | #CC66CC | - | #CC6699 | - | #CC6666 | - | #CC6633 | - | #CC6600 |
- | #9966FF | - | #9966CC | - | #996699 | - | #996666 | - | #996633 | - | #996600 |
- | #6666FF | - | #6666CC | - | #666699 | - | #666666 | - | #666633 | - | #666600 |
- | #3366FF | - | #3366CC | - | #336699 | - | #336666 | - | #336633 | - | #336600 |
- | #0066FF | - | #0066CC | - | #006699 | - | #006666 | - | #006633 | - | #006600 |
- | #FF33FF | - | #FF33CC | - | #FF3399 | - | #FF3366 | - | #FF3333 | - | #FF3300 |
- | #CC33FF | - | #CC33CC | - | #CC3399 | - | #CC3366 | - | #CC3333 | - | #CC3300 |
- | #9933FF | - | #9933CC | - | #993399 | - | #993366 | - | #993333 | - | #993300 |
- | #6633FF | - | #6633CC | - | #663399 | - | #663366 | - | #663333 | - | #663300 |
- | #3333FF | - | #3333CC | - | #333399 | - | #333366 | - | #333333 | - | #333300 |
- | #0033FF | - | #0033CC | - | #003399 | - | #003366 | - | #003333 | - | #003300 |
- | #FF00FF | - | #FF00CC | - | #FF0099 | - | #FF0066 | - | #FF0033 | - | #FF0000 |
- | #CC00FF | - | #CC00CC | - | #CC0099 | - | #CC0066 | - | #CC0033 | - | #CC0000 |
- | #9900FF | - | #9900CC | - | #990099 | - | #990066 | - | #990033 | - | #990000 |
- | #6600FF | - | #6600CC | - | #660099 | - | #660066 | - | #660033 | - | #660000 |
- | #3300FF | - | #3300CC | - | #330099 | - | #330066 | - | #330033 | - | #330000 |
- | #0000FF | - | #0000CC | - | #000099 | - | #000066 | - | #000033 | - | #000000 |
clipart cool archive cool text scream design webmonkey Java
animated graphics