hey you all do you like html tutorial
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ welcome to html for the smart person
a refernce for everyone else
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
hello so you wanna learn html huh? well smart people (or the rest of you) well here is a basic way how. its really easy to learn. you can make your code in a text editor (notepad/wordpad) some people use an html editior but they are useful. and when your done save your your html projuct as "thenameofyourcode.html" and your projuct will apper in a browser were you save it in as.please note that that you cannot view your code as you can in a browser as in a text editior. until its saved as thenameofyourcode.html and a browser will pop up were you saved you file name in, also every page must be made in a defernt editor, and you have ta save your home or start page as index.html i cant rember why exactly. but you do, and dont space the name!!!!!!!! dont, my name.html but, myname.html
well this is what a webpage looks like...in raw form anyway
<html>
<head><title>welcome to html for the smart person</title></head>
<body><body bgcolor="black">
<p>
<font size=+5><center> home </font></center>
</P>
hello this is blah blah blah my body (that sounds dirty)
blah blah blahblah blah blah
blah blah blah
blah blah blah
blah blah blah
blah blah blah
blah blah blah
blah blah blah
blah blah blah
site nav:
<center> <a href="http://www.mysite.com/links>mylinks.html</a> </center>
<center> <a href="http://www.mysite.com/whatever.html> click here to go whatever</a> </center>
</body>
</html>
when you save your code.html you can view the work you have done in the borwser so
so read on to find out what everthing means
the basics:
ok well to start off the first things you must put in your html code
is <html> and the last is </html>
next is the head this is basicly were you were you put javascript functions or your title tags
title tags to make the title a tag is your head tags
well like ill show you... ( your title is the words or word that apper in
the blue box thing on the top of the browser page)
<html>
<head><title>your title</title></head>
</html>
next is the body tags your body tag is were you put the main part
of your document for example
<html>
<head><title>your title</title></head>
<body>
the body tags your body tag is were you put the main part
of your doucument such as the blah blah stuff
</body>
</html>
to put a link in your site all you have to do is
put this in your body
<a href="theurl">your descritpstion,such as click here</a>
for example
<html>
<head><title>your title</title></head>
<body>
help us
<a href="http://www.helpus.com">need help click here</a>
</body>
</html>
an email link is
<a href="mailto:youremail@blah.com">email me</a>
ok the easy stuff is out of the way so...more into the website world
so... not liking the white backround well then change it!!!!!!!!!!!!!!!
<body bgcolor="yourcolor"> put at the start of your body
note; that your cpu does not read color the same same way you do like it reads green as green
but if you try to change it as dark blue so you would need to put in like navy or whateve rso try to find a list of all the colors
and javascript uses code like i think white is #FFFFF...but thats javascript.
what about sound? well
<embed src="theurl" then width=whatever you want height=whatever you want
autoplay=true/false loop==true/false hidden is true or false volume=whatever you want </embed>
ok so you want to change your font color and size huh?
the font changes
start with the font change <font size=+1> (that was a font change) and you end with </font>
if you dont end with the </font> tag all your text will have the font change
<font color"thecoloryouwant">your text </font>
and size is
<font size=+1(or whatever)> your text </font>
more font changes
<h1> this is a heading tag you can go to 6, use each heading only one time man!!!!</h1>
<b>this texted is bold</b>
<i>this text is italic</i>
<b><i>this texted is both bold and iltailc</b></i>
<TT>THIS TEXT LOOKS LIKE A TYPEWRITEr made it or "teletype"</TT>
<em> this is a emphsied </em>
<strong> this text is strong </strong>
<big> this text is big </big>
<small> this one is small</small>
<sub> this is a sub-script</sub>
<sup> this is a super-script</sup>
<code> lets you define a computer code </code>
<address>was up this is were i live</address>
the address tag is supppose to be were you put contact info
it really just makes it iltailc
well what about iamages well all that is
<img src="theurlofyourimage">
to put a paragraph in you put
<p> this is a parahraph </P>
the paragraph
will be spaced from everything else
balah bahl
the paragraph
blah blah
if you dont it would look like this
blah blah the paragraphblah blah
a line brake is
i am breaking <br />
this line
the <hr /> tag put a line arcoss the screen
how to center a object or text just do this
<center> whatever you want to center </center>
this tag puts whatever you center in the center
oh and this script can only be view in the sorce code, this is often used in javascript its called a commet tag
<!--YOU CAN READ THIS ONLY IN THE Sorce Code-->
almost forgot list
list theres lots of list be theres a way to do this one. lists are dif then ul and ol list but they look cool
<ol>
<ol>blah blahblah blahblah blahblah
<ol>blah blahblah blahblah blahblah
<ol>.blah blahblah blahblah blahblah
<ol>blah blahblah blahblah blahblah
</ol>
this code looks like this
makes the text look like these
blah blahblah blahblah blahblah
blah blahblah blahblah blahblah
.blah blahblah blahblah blahblah
blah blahblah blahblah blahblah
and orderd list
<ol>
<li>blahblah
<li>balh bvslh
</ol>
an unorderd list is
<ul>
<li>blhablah
<li>blah blah
<ul>
a defintion list
<dl>
<dt> this is what you are defineing "bugger" </dt>
<dd>this is the defintion "a bugger is sticky"</dd>
</dl>
ok i cant tell how to use um but i can tell you what they do
meta tags help with search engines
and a doctype tag tells what verson of html you using
and abrevation tags don't work on IE so i dont see much point in using them
I WOULD TELL YOU BUT I DONT KNOW HOW THEY WORK!!!!
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
templates... ( a template is a ready to go website)
you can use this if you want if you dont wanna type them your slf or whatever but you learn better if you type them you self
each page must be made in a def. text editior jus c/p (cut and paste)then link your home page to the names of your other pages thats right it what you save your code has that you link it to its not your title page you have to make a dif page on a dif text editior
<html>
<head><title>hello world this is my webpage</title></head>
<body><body bgcolor="black">
<font size=+5><center> home </font></center>
hello this is blah blah blah my body (that sounds dirty)
blah blah blahblah blah blah
blah blah blah
blah blah blah
blah blah blah
blah blah blah
blah blah blah
blah blah blah
blah blah blah
site nav:
<center> <a href="http://www.mysite.com/links>mylinks.html</a> </center>
<center> <a href="http://www.mysite.com/whatever.html> click here to go whatever</a> </center>
</body>
</html>
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
<html>
<head><title>my links</title></head>
<body>
my links
<center>links</center>
<center> <a href="http://www.url.com/links.html>link</a> </center>
<center> <a href="http://www.url.com/links.html>link</a> </center>
<center> <a href="http://www.url.com/links.html>link</a> </center>
<center> <a href="http://www.url.com/links.html>link</a> </center>
<center> <a href="http://www.url.com/links.html>link</a> </center>
<center> <a href="http://www.url.com/links.html>link</a> </center>
<center> <a href="http://www.url.com/links.html>link</a> </center>
<center> <a href="http://www.url.com/links.html>link</a> </center>
<center> <a href="http://www.url.com/links.html>link</a> </center>
blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
<script="javascript">
<FORM> <input type="button" name="home" value="home" onclick="homebutton()"></form></script>
<script> function "homebutton()"{location.href="http://www.yoursite.com";} </script>
<center> <a href="http://www.mysite.com/whatever>or my whatever.html</a> </center>
</body>
</html>
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
<html>
<head><title>whatever you want page</title></head>
<body>
whatever
blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
<FORM> <input type="button" name="home" value="home" onclick="homebutton()"></form></script>
<script> function "homebutton()"{location.href="http://www.yoursite.com";} </script>
<center> <a href="http://www.mysite.com/links.html> or to my links</a> </center>
</body>
</html>
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
cut and paste scripts
a back button
<p>
<a href=javascript
:history.go(-1)>back</a>
</p>
a forward button
<p>
<a href=javascript
:history.go(1)">forward</a>.
</P>
combo both button
<a href=javascript
:history.go(1)">forward</a><BR /><a href=javascript
:history.go(-1)>back</a>
or
a real BACK FORWARD BUTTIN
<script="javascript">
</form>
<input type="button" value= "back " onclick=history.go(-1)>
<input type="button" value= " forward " onclick=history.go(1)>
</form>
</script>
a refreash buttin
<a href=javascript
:window.location.reload()>reload</a>
bg color button
<html>
<head>
<script language="javascript">
<!--start of script
function changecolor(code){
document.bgColor=code
}
--end-->
</script>
</head>
<body>
<form>
<input type="button" name="buttin1" value= "blue" onclick="changecolor('blue')">
<input type="button" name="buttin2" value= "black" onclick="changecolor('black')">
<input type="button" name="buttin3" value= "red" onclick="changecolor('red')">
<input type="button" name="buttin4" value= "green" onclick="changecolor('green')">
<input type="button" name="buttin5" value= "pink" onclick="changecolor('pink')">
</form>
</body>
</html>
<form>
<input type="button" name= home value="home" onclick="homebutton()"> </form></script>
<script>function homebutton(){location.href="http://www.yourhomeurl.com";}</script>
but the easyest way to do this is
<a href="" onmouseover="document.bgColor='red'">Red</a>
then make more with dif colors
view scorce button
<html><body>
<script="javascript">
<form>
<input type="button" value="click here to view the source"
onclick='window.location = "view-source:" + window.location.href'
</form>
</script>
</body></htmL>
an exit button
<form>
<input type="button" value="click here to exit"
onclick" javascript
:exit()"></form></script>
<script>
function exit(){
close();
}
</script>
or a text button X
<a href="javascript
:window.close()">close this widow</a>
or to close a frame
<a href="javascript
:top.window.close()">close this frame</a>
message then leave buttin
<a href="" ONCLICK="alert('bye thanks for comeing!!!')">want to leave click HERE</a>
an email link
<a href="mailto:youremail@blah.com">email me</a>
an email button
<form>
<input type="button" name= home value="email us" onclick="homebutton()"> </form></script>
<script>function homebutton(){location.href="mailto:youremail@blah" ;}</script>
don't like site button
<a href="" ONCLICK="alert('F U C K Y O U!!!')">DONT LIKE MY SITE CLICK HERE</a>
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
copyright info
if you want to use it on a website just email me thefrtman_1988@yahoo.com this is copyrighted to ronald richerd farmer II 7:40 PM 5/27/04 and all teachers may us it with out permisson as long its for educationl perporses
************************************************** ******************************************
help
so you got your document and now what???? well publish it of course get a domain just do a search fo domains
or you can sub-domain it with yahoo or some one.. oh and some sites may recuar that you save as yourfile.htm
if you have a 24 hour internet conettion i heard you can host your one
HERE IS A LIST OF PEOPLE THAT WILL HOST YOUR SITE!!!!!
http://www.geocities.com/ free and paid
http://www.tripod.com/ free and paid
http://www.netfirms.com/25 dollar setup free
http://www.741.com/ free and paid
http://www.doteasy.com/ 8.95 a month
http://www.bravenet.com/ these guys got lots of tools too
or you can just do a search for website host!!!!!!
************************************************** ******************************************
even a small mess up in a string of code will mess it up so becareful, if your code does't
work read your code again, or try and find the code online and see what you messed up on
************************************************** ******************************************
if this tutoral does'nt make sense to you vist http://www.davesite.com
this is were i learned most of my html skills or you can do a search on html tutorals theres lots of um!!!!!!
or you can go to htmldog.com theree great got a bunch of tags from them
************************************************** ******************************************
javascript is a completly dif language and so is java, cgi, pearl, so css, XMl, DHTML, thats why there not
include in this tutoal plus i don't no those lanuages very well or at all, however you need to know
html for a lot of these html is pretty much a base lanuage for javascript (meaning that you have to know html to learn javascript)
************************************************** ******************************************
if your tierd of writing code you can get a html editor from
http://www.evrsoft.com its free, its called font page 2000 its good to
************************************************** ******************************************
if you cant see your text/links eather change your backround or check your code
************************************************** ******************************************
if your wondering why i did't put what the anchor tag does its because its basicly
the </a> and the <a href > in links and stuff
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
f.a.qs
none yet!!!!!!!!!!!
thefrtman_1988@yahoo.com
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
tips and tricks
stealing scripts
you can view the source of the web page on IE by slecting view on the menu and then in view selcet source
then sort though the code tell you find the script you waNT
you can also steal image sorces by finding the script
<img source="url"> and copy the script OR BY COPYING THE SCRIPT WIT THE RIGHT CLICK BUTTON but that is illeagle i think so dont do it!!!!
ALSO GOOD PORGRAMMERS CAN JUST COPY THE SOURCE CODE AND THEN
DELETE THE NO RIGHT CLICK BUTTON CODE AND SAVE IT ON THERE COMP I WOUND'NT WASTE MY
TIME WITH THEM PLUS THEY ARE ANNOYING ( or mabey thats just me)
TO TRY AND HIDE YOU SOURCE CODE YOU CAN EATHER PUT A COUPLE HUNDERD
SPACES SO THEY THINK NOTHING IS THERE OR PUT ALL YOUR CODE IN A STRATE
LINE LIKE THIS
<html><head><title>hello world this is my webpage</title></head><body><body bgcolor="blue"> homehello this is blah blah blah my body (that sounds dirty)blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <center> <a href="http://www.mysite.com/links>mylinks.html</a> </center><center> <a href="http://www.mysite.com/whatever> click here to go whatever.html</a> </center></body></html>
it might confusse them
or you could use usless code to mess them up like bit a bunch of
these comment tags <!--script=noscript=htmlFONT OO TIME 8=JJJSIW= nine=p Y? y= plus tttiipo#WWWl;--> ITS NOT ACUTAL CODE BUT IT WILL MESS THEM UP ALRIGHT
HTML TAGS ARE NOT CASE SENITIVE MEANING THAT IT DOES'NT MATTER IF
THE TAGS ARE UPPER OR LOWER CASE
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ diclamer
this is porvied wit out warinty of any kind (blah blah)
ohh and please note i is not responabel for any crap you do wit dis or if some how
your cpu get messed and sorry for me bad grammer and spelling lol
copyright 7:40 PM 5/27/04 RRFII
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
so... thats all for now
thats all for now mo later and trust theres a ton more tags to learn theres sound tags
tabels and a lot more but more later this is jus v.1
because i cant rember all the tag (I JUST LEARNED A WIHILE AGO) and i dont no them all
also i am really not that good at html is just really easy to learn just try to mesmerize all the tags
send commets to
thefrtmanyo@yahoo.com
UPDATED: LAST ON: 6/18/04
updates put in the tips and tricks
and cheack some spelling and more tags
UPDATED: LAST ON: AM 6/19/04
more spelling stuff
broughT TO YOU BY joshes totally awsome games dude.inc http://www.geocities.com/jrjoshtagdinc (no dinc jokes unless there funny of course) and writin by thefrtman
html tutoral
Linear Mode
