Html Tutorial Links

Recommended Posts

Hi Everyone!

I think this will be a very popular forum here at, so for a really quick reference guide, I am going to repost all the guidance/tutorial links from the posts into a pinned thread.

I will add links as they are added into the thread. Here's what we have so far:

First thing you'll need is a Text Editor and I strongly suggest NoteTab Lite(free) or Pro(paid). I have this editor and have it replacing MS Notepad as the default editor.

HTML test lab Site to test your coding.

lissaexplains Really easy to learn HTML

Link to post
Share on other sites

Here's a couple that I use quite frequently.

If you look at the nav bar to the left of the page (there at Webmonkey) you'll see the others as well. The Color code cheatsheet is also a must.

Link to post
Share on other sites
  • 1 month later...
  • 1 year later...

Simple tips for your website. :mellow:

To Kill Angelfire Banner Ads


<!---<script>window.onerror=new Function("return true")</script>--->

Between the stop head & start body tags.

Choose "Popup" Ad & Not The On-Page Ad...

Angelfire will delete your site for using this code.

You Can Add color="whatever" To The HR Tag

As Well As Width & Size Tags

Size "1" Will Give You A Horizontal Rule (LINE) 1 Pixel In Height

The White Line Below Is:

<hr size="1" width="66%" color="ivory">


How would you like to welcome visitors to your pages with awesome transition effects that grab their attention?

You can do this by using special Meta Tags in the Head portion of your page.

This is super cool and super easy to implement.

Here's what you have to do.

Just insert the code as shown within the Head section of your page.


CONTENT = "RevealTrans (Duration=4, Transition=23)">


CONTENT = "RevealTrans (Duration=4, Transition=23)">

"Duration" is the amount of time in seconds for the effect to take place.

The default and minimum value is 4.

"Transition" is the actual effect, displayed as a number value between 1 and 23.

(A list of all available effects is shown below.)

The effect shown here (23) is a random configuration of all effects.

You can choose them separately of course.

You can use these to create effects on either page entry or exit.

Play around with them and have some fun.

Remember, though,they only work with IE 4 or better (which is 75% of all users).

Here's the list of Transition types and their associated numeric values:

* Box in = 0

* Box out = 1

* Circle in = 2

* Circle out = 3

* Wipe up = 4

* Wipe down = 5

* Wipe right = 6

* Wipe left = 7

* Vertical blinds = 8

* Horizontal blinds = 9

* Checkerboard across = 10

* Checkerboard down = 11

* Random dissolve = 12

* Split vertical in = 13

* Split vertical out = 14

* Split horizontal in = 15

* Split horizontal out = 16

* Strips left down = 17

* Strips left up = 18

* Strips right down = 19

* Strips right up =20

* Random bars horizontal = 21

* Random bars vertical = 22

* Random = 23

Make sure Transitions are enabled in Advanced Internet Options to see them.

How To Make A Textbox

You Can Put The Code For A TEXTBOX In A TEXTBOX.

Use: & lt/textarea> ( Do not leave spaces between the & and lt part of the code).

Or: & # 60;/textarea> ( Do not leave spaces between the & and # and 60 part of the code).

in the stop text area example inside the real text area.

<form> <textarea bgcolor="BG COLOR GOES HERE" text="TEXT COLOR

GOES HERE" style="background-color: #COLOR NUMBER or name; color: #TEXT

COLOR NUMBER or name; font-weight: bold; font-size: 10pt;" rows="ROWS



</textarea> </form>

How To Link To A News Group

<a href="news:WHATEVER NEWS GROUP ADDRESS YOU WANT"> DESCRIBE NEWS GROUP HERE </a> OR WITH A FORM (Drop Down Menu) USE THIS: <OPTION VALUE="news:WHATEVER NEWS GROUP ADDRESS YOU WANT"> NEWS GROUP DESCRIPTION </OPTION> <!-- examples...<a href="news:alt.whatever">alt.whatever</a> <option value="news:alt.whatever">alt.whatever</option> -->

How To Make Colored Separator Lines Using A Table

Try img src To Stretch Images.

Long Thin Images Make Weird But Nice Lines...

<center> <table bgcolor="YOUR COLOR" width="YOUR WIDTH IN PIXELS" border="0" cellpadding="1 or However Thick You Want Your Line To Be" cellspacing="0"> <td> </td> </table> </center>

NOTE: Use border="0" on any image used as a link to get rid of the box around it when it is viewed on a computer.

How To Make Your Status Bar At The Bottom Of Your Screen Show A Scrolling Marquee With Your Choice Of Text Using JavaScript.This Really Works!!!

<script LANGUAGE="javascript"> //-- var i=0; var msg=""; var m1="TEXT HERE"; var m2="TEXT HERE"; var m3="TEXT HERE"; var m4="TEXT HERE"; var m5="TEXT HERE"; function playtext() { setTimeout("playtext()",250); window.status=msg.substring(i,msg.length)+msg.substring(0, i) if(i++==msg.length)i=0; } msg=m1+m2+m3+m4+m5; playtext(); //--> </SCRIPT>

How To Add A Clock To Your Webpage In Two Parts

FIRST: Add This First Code Between Your Start & Stop HEAD Tags After Your TITLE Tag

<script language="JavaScript"> <!-- function startclock() { var thetime=new Date(); var nhours=thetime.getHours(); var nmins=thetime.getMinutes(); var nsecn=thetime.getSeconds(); var AorP=" "; if (nhours>=12) AorP="P.M."; else AorP="A.M."; if (nhours>=13) nhours-=12; if (nhours==0) nhours=12; if (nsecn<10) nsecn="0"+nsecn; if (nmins<10) nmins="0"+nmins; document.clockform.clockspot.value=nhours+": "+nmins+": "+nsecn+" "+AorP; setTimeout('startclock()',1000); } //--> </SCRIPT>

SECOND: Place This Code Between The Start & Stop BODY Tags Where-ever You Want The Clock To Appear.

<!--CLOCK CODE STARTS HERE--> <font color="00FF00"> <FORM name="clockform"> The Current Time Is: <INPUT TYPE="text" name="clockspot" size="15"> </FORM> <script language="JavaScript"> <!-- startclock(); //--> </SCRIPT> </font> <!-- CLOCK CODE STOPS HERE -->

This Is A Cascading Style Sheet-(CSS)-Code That Makes The Color Of Your Links Change Color As The Cursor Passes Over Them.

Put This Code Between The

<head> & </head>

Tags On Your Page.

<STYLE TYPE="text/css"> <!-- BODY {margin-top: 0; font-family: geneva, sans-serif;} A:link, A:visited, A:active { text-decoration: none;} A:hover { color: "orange"; } .nav {font: 12px/18px geneva, sans-serif; margin-top: 4px; } --> </STYLE>

Simple Mailto Code.

Use An Image Or Words In This Code To Make An Email Page Pop Up So People Can Email You.


Edited by JSKY
Link to post
Share on other sites
  • 9 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.