Today i gonna show some new Tag’s.
You can use your old file or create a new one.
In this lesson we gonna use some fun Tag’s that we can use for many purposes.
This will aswell be the last lesson of HTML. Are you stuggling or want to know something ? Drop a comment and well maybe… i will create a new lesson for it.
And offcourse ill help you first 😉
I will demostrate the next Tag’s:
Lets begin with Center
Put this somewhere between your Body Tag’s (<body> </body>)
If you save and view it you will see that it is in the center of your page! (Or the center of your table)
Very handy!! you can put your website in the center! Make a table as your layout and drop it in the center.
The next Tag is handy to create forms.
Lets use <form></form> .
Name:<input type="text" name="name" />
Password:<input type="password" name="pass" />
<option value="M"> Male </option>
<option value="F"> Female </option>
<input type="checkbox" name="accept"> I accept the license.
<input type="submit" name="submit" value="register" />
Type this over and post it between your body Tag’s, after save your file.
Check your work, now you have a form and with more effort you can make your own member login.
Pretty cool heh.
A form Tag (<form> </form>) starts just a form and will send all the options between the Tag’s the user has filled in.
The method can be only 2 things: Post and Get.
And the action is where the filled in slots must been sended to so you can catch it up and put in a database for example.
Between the form Tag’s (<form> </form>) you see diffrent input Tag’s.
These objects can be filled by the user itself.
The function between the input type Tag (type=””) will tell what sort of input it is like a textfield.
Text – Tells it will be a text field
Password – Tells it will be a text field but the characters will be hidden
Checkbox – Tells it will be a square what you can enable or disable
Submit – Tells it will be a button to send the field to a page
The function name will be send to the page you selected so give it reconizable names
With the function value will put that what the user typed in inside the name value so you can get it out of that.
But if you change the value of (<input type=”submit” name=”submit” value=”register” / >) to the word in Dutch (“Registreer”) then you will see that the name on the button will change.
The option input now:
With this Tag you can say the user can only choice 1 of the options, offcourse you can make more option Tag’s.
The value is the text you wanna send to another page and between the Tag’s is a name you can give the option.
Enough over Form’s try to play with it your own and combine it with the CSS lesson i gave to create a pretty/nice form.
HR – This stand for as it almost allready say’s “Horizontal Ruler”
That is a horizontal ruler. Very simple as you see, with CSS you can adjust it easy to your needs like the color etc.
Marquee – This is a fun Tag!
Here you put your text
I don’t think i have to say much about what it does ? 😀
DIV’s – Div’s are very handy Tag’s and later (if you get used to them) it will be a often used Tag!
Div’s are little windows at top of your page (or under) You can build them in layers on top of eachother.
As you see there are many possibily’s with Div’s ! Study them! Use them! Become them! You will need these in the future.
This is the end of the HTML Tutorials (For now) It doesn’t work for you ? need more info ? want more ? comment on the post and ask!
The next upcomming Tutorials will be about Photoshop, with these we can graphical design our website or anything else. (Don’t have photoshop? Download the Trial them! It is a great program.)
To do for you!
Upgrade your website with the new Tag’s you have learned!
Leave me a link in this post and wait for the photoshop tutorials
so you can design you website aswell 😉