Some basic HTML and tags (<button> </button> etc...)

[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, and want to know the completed code, highlight the text below.

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

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 underthat, 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

 

[Phil]

Thanks, this might actually help me.

 

[Nathan III]

Glad I could help!

 

[SlaveOfTheBeast]

This helped me, thanks.