[CODING] Basic HTML and Tags

[Nathan III]

Welcome to Basic HTML and Tags.

Here are some basic HTML tags, and their purpose.

Open-tag/Close-tag - Defination

<body>/</body> - Defines the document's body
<h1>/</h1> - Defines header. (Numbers go up to 6. h1, h2. h3 etcf...)
<p>/</p> - Defines a paragraph.
<br>/</br> - Inserts a HORIZONTAL rule.
<!-->/<--> - Defines a comment.
<Body>/</body> - Defines a HTML document

Righty, there are some basic tags.
Now we'll move onto forms.

Start it off with <form>.
Now add the question you wish for it to ask the applicant.
If you want like a guest book, add the first question to be 'First name:'
Make sure it's underneith <form> like this -

<form>
First name:

Of course you knew to do that, it's just some people add it like <form>first name:

Now for the main peice of code,
underneith 'First Name:' Add

<input type="text" name="firstname">

So now your code should look like

<form>
First name: 
<input type="text" name="firstname">

NOTE - By this point, I guess you're thinking 'Why not just tell us the code?' It's because you woulden't learn. Like you woulden't learn in school if the teacher just told you the answer.

So, underneith that, add

<br>

DON'T FORGET THAT!!!

And underneith that, add Last name: .

For learning purposes, try guess what to add next, and post your completed codes here. (Just to see who learnt ANYTHING)

So the code that I told you should look like

<form>
First name: 
<input type="text" name="firstname">
<br>
Last name:

NOTE - If you are lazy, the complete code is below....

<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">



EXTENTION

If you're with me so far, here's another little extention you can add.

Now, for 'tick' boxes, read on.

Like before, start with <Form>.
And after that, add the question of the tickbox (I.E. I like Punk)
So that it looks like

<form>
I like Punk

Now under that, add

<input type="checkbox" name="Music" value="Punk" />

'Checkbox' is the input type.
'Music' Is the type type of question.
'Punk' is what you tick (or not tick)

Again, try work out the rest.

And AGAIN, the spoiler, for you lazy people, is below.



<form>
I like Punk
<input type="checkbox" name="Music" value="Punk" />
<br />
I like Heavy Metal
<input type="checkbox" name="Music" value="Heavy Metal" />
<br />
I like Pop
<input type="checkbox" name="Music" value="Pop" />
</form>

Hope this helped you,

Nath


NOTE: This is a repost of a guide I made ages ago in old UE, but just though't i'd repost it cause it should help people

 

[Noob!]

nice guide! explains alot 9/10

 

[itseric123456]

Once again vouch for ally sold me a pin for a zamorak plate -itseric123456-

 

[itseric123456]

Vouch for ally sold me a pin for a saradomin platebody may be buying another as I am typing this.

 

[bennytheberry]

What's a Defination?

 

[ATPclan]

Very nice guide, Great as tutorial for the basics.
Maybe you could add that "Macromedia DreamWeaver" a great basic prog. is.
It does "generate" the html-codes of the inserted items.
If you read it, than you automatically will learn something from it.
Thats how I've learned the basics of Html

7.5/10 for this guild. Good job =)

 

[hampe-92]

It is, indeed realy basic... just one thing,
"Make sure it's underneith <form> like this "
you make it sound like if you don't, it won't work...
but it would, it's just for the sake of readability tho...
but it's OK I guess... the noobs seems to like it

@ATPclan: It's Adobe DreamWeaver... Adobe bought Macromedia for pretty long time ago.. was it 2005 - 2006 if im right?
But anyway.. as you said.. you learn a lot by reading the code created by a program (like DreamWeaver) or a good web programmer for that matter

 

[SuF]

<h1>/</h1> - Defines header. (Numbers go up to 6. h1, h2. h3 etcf...)

whats the difference between them?

<br>/</br> - Inserts a HORIZONTAL rule.

its <br /> and its a linebreak

<Body>/</body> - Defines a HTML document

WRONG.


The whole bit about forms is really bad and you do not even tell people how to use them to do anything.



If anyone has never used html even before they would have no idea what your talking about...

 

[mawd leetress]

Thanks for this guide! It helps a lot! 10/10 and bookmarked

 

[hampe-92]

oh, and also, a commet is writen:
<!--Your comment here -->
not <!-->/<-->
eh you don't seem to know much html at all...

 

[Desir0]

This is a weird guide for being the 'basics'

Why do you include forms? For 'basics' its abit pointless, You should of added the more basic stuff like <font> tages, <img src=''> , <iframe> , <table> tags etc...

hampe is correct about the the hidden comment too.

 

[odt]

There are too many of these guides out there.

Simply w3schools.org, will teach you everything you need to know about HTML

 

[natinsatan]

allways nice to expand your htlm vocab, thx

 

[weiener]

this is good, but very very straight forward, there are better guides out there that are quicker and will teach you more, but this is good for beginners.