Post by Square*** on Nov 27, 2007 8:47:08 GMT -5
HTML Tutorial Part 4: Final Design and Features
After you learned a lot about HTML codes and the design its time for our last Tutorial.
For example, you want to make a list of rules or announcements for your site. Like this:
For that you will need the following code:
Disc gives you the circles filled, you can also use circle(not filled circles) and square which will give you squares instead of dots.
Now add some text behind the dots.
If we use the example used before here:
We will need this code:
As easy as pie, just typ the text behind the <LI type=disc>.
Now if you want to have that list but then with numbers, add this code:
You can change the starting number by changing <OL start=1> into for example <OL start=10>.
Comments:
If you want to add any comments to your code for yourself(To help you remember something without getting it displayed. Or if you want to release a code to help people) You use the following command:
For the comment "Dam! Im getting good at HTML"
Just leave the <!-- and the --> and you can put everything you want between it.
I think you have all learned enough about HTML to create a small website for yourself.
And I also hope you learned enough...
But you know, for questions, just PM me and I'll try to help where I can.
Good luck and Greets,
Square
After you learned a lot about HTML codes and the design its time for our last Tutorial.
For example, you want to make a list of rules or announcements for your site. Like this:
- Announcement 1: I learned HTML in 4 fast tutorials!
- Rule 1: Dont copy my code, learn to do it yourself!
- Rule 2: Visit xCoders.tk once in a while!
For that you will need the following code:
<UL>
<LI type=disc>
<LI type=disc>
<LI type=disc>
</UL>
Disc gives you the circles filled, you can also use circle(not filled circles) and square which will give you squares instead of dots.
Now add some text behind the dots.
If we use the example used before here:
- Announcement 1: I learned HTML in 4 fast tutorials!
- Rule 1: Dont copy my code, learn to do it yourself!
- Rule 2: Visit xCoders.tk once in a while!
We will need this code:
<UL>
<LI type=disc>Announcement 1: I learned HTML in 4 fastTutorials
<LI type=disc>Rule 1: Dont copy my code, learn to do it yourself
<LI type=disc>Rule 2:Visit xCoders.tk once in a while!:P
</UL>
As easy as pie, just typ the text behind the <LI type=disc>.
Now if you want to have that list but then with numbers, add this code:
<OL start=1>
<LI type=1>Announcement 1: I learned HTML in 4 fastTutorials
<LI type=1><LI type=disc>Rule 1: Dont copy my code, learn to do it yourself
<LI type=1><LI type=disc>Rule 2:Visit xCoders.tk once in a while!:P
</OL>
You can change the starting number by changing <OL start=1> into for example <OL start=10>.
Comments:
If you want to add any comments to your code for yourself(To help you remember something without getting it displayed. Or if you want to release a code to help people) You use the following command:
For the comment "Dam! Im getting good at HTML"
<!--Dam! Im getting good at HTML!-->
Just leave the <!-- and the --> and you can put everything you want between it.
I think you have all learned enough about HTML to create a small website for yourself.
And I also hope you learned enough...
But you know, for questions, just PM me and I'll try to help where I can.
Good luck and Greets,
Square