Html Tutorial Links

[Chappy]

Hi Everyone!

I think this will be a very popular forum here at Besttechie.net, 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.

w3schools.com

HTML test lab Site to test your coding.

lissaexplains Really easy to learn HTML

www.pagetutor.com/

www.echoecho.com/

www.freewebmasterhelp.com/tutorials/

wp.netscape.com

[tg1911]

Here are a couple of more sites I've used, with some info for Web design:

ALT Codes

Color Scheme Generator

Complete HTML True Color Chart

Davesite - Interactive Tutorial For Beginners

HTML Goodies

Introduution to HTML

Pagetutor

Writing HTML

HTML Basics

[robroy]

Thanks for a bunch of nice links

JD

[JSKY]

And for those just starting out. (But you'll have to learn quick)

Free Layouts

[Snaxe]

Another text editor that is the equivalent of awesome and should already be built into Linux: Vim. Vim/Vi Tutorial

Also, if you would like to become more advanced and want to learn some java script: JavaScript Mall

[Guest Crow]

Here's a couple that I use quite frequently.

• Webmonkey's HTML tag's cheatsheet
  

• Netscape's "The Table Sampler" (a cheatsheet for table's if you will)
  

• Webmonkey's Special Characters cheatsheet (how to add like.. trademark..copyright..etc)
  

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.

[OLover]

Thanks for all of the info!

These sites look vair vair helpful.

[JSKY]

Simple tips for your website.

To Kill Angelfire Banner Ads

Add:

<!---<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">

PAGE TRANSITION EFFECTS (IE 4+ only)

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.

<META HTTP-EQUIV="Page-Enter"

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

<META HTTP-EQUIV="Page-Exit"

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

EQUALS THE NUMBER OF LINES" cols="COLS EQUALS THE NUMBER OF SPACES

ALONG THE LINES" autoactivate> TEXT GOES HERE

</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.

<!-- MAILTO CODE STARTS HERE --> <a href="mailto:YOUR EMAIL ADDRESS HERE"> WORDS OR IMG SRC HERE </a> <!-- MAILTO CODE STOPS HERE -->

Edited January 20, 2006 by JSKY

[Naming is hard]

Cool tutorial for making Image Galleries, HTML and CSS...Mostly CSS

http://youneed2see.com/web/99/Top_10_CSS_i...llery_tutorials