Digital Concepts - HTML basics #2 Tags

« HTML basics #2 Tags »

Welcome Guest. Please Login or Register.
Dec 30, 2009, 5:29pm

Digital Concepts :: Coding :: Coding Tutorials :: Tutorial Submission :: HTML basics #2 Tags

Author

Topic: HTML basics #2 Tags (Read 6 times)

Rozer
Flood Fill

member is offline

[avatar]

Joined: May 2006
Gender: Male

Posts: 3

HTML basics #2 Tags
« Thread Started on May 20, 2006, 11:38am »

This is it Basic HTML part 2!

Well to start off it i will teach you some everyday tags.

Heading Tags

<h1> Bullet FX </h1>
<h2> Bullet FX </h2>
<h3> Bullet FX </h3>
<h4> Bullet FX </h4>
<h5> Bullet FX </h5>
<h6> Bullet FX </h6>

These 6 tags are like text sizes but thy are used for Headings, H1 Being the Biggest and H6 being the smallest. These will probally be Situated at the very top of your page.

Linking and Images

For a link you use this code

<a href="..."> ... </a>

In the "..." you put your webpage, if you want to link to another site u use http://thesite.com. But if you want to link to a page on your site you use one of the '.html' pages you used. and in between the tag start (<a href="...">) and your end tag (</a>) should be what the link will look like (Dont understand look below.

This is two examples.

A page out side your site.
<a href="http://www.google.co.uk">Google</a>

A page inside your site
<a href="index.html">Homepage</a>

Now I hope you understand.

Ok images. Images are simple because you dont need an end tag. The image tag is just one tag and this is it <img src="..." width="25" height="25">. the 'src="..." ', now i bet your thinking what the hell goes in here, but its the image file desternation. For width and height I have a filling you no what goes in here.

I will Also tell you about Image Links, nearly all the proboards forums use these, all they are are images that are hyperlinked. Now This is the code, i wont need to explain it because the too codes are ^^ up there ^^

< href=". . ."> <img src=". . ." height=". . ." width=". . ."> </a>

More advanced links will be displayed in the next tutorial.

Other Tags

These are some other tags.

<hr> - This makes a line across the page like below.

<br> - This just misses a line, you need to use this because the browser will not pick up 'enter' for spacing.

<dd> - This is like the 'tab' button it indents it, but it will indent differently depending on what size text you have.

<ul>
<li> Your Point </li>
<li> Your Point </li>
</ul> - This is just to make bullet points in the browers.

© Bullet FX 2006 | Making a Revolution | Tutorial By Rozer

Link to Post - Back to Top IP:

Logged

Click Here To Make This Board Ad-Free

This Board Hosted For FREE By ProBoards
Get Your Own Free Message Boards & Free Forums!