Support Forums

Pages: 1 2

HTML Tutorial

Written By Eagle

Greeting people.In this tutorial im going to teach you some of HTML language.Hope you enjoy.

HTML is shorten HyperText Markup Language,also known as standard language used to create and publish documents on the World Wide Web.

This is almost as BB code which we use on all forums. Except putting

Code:
[b][/b]

We put

Code:
<b></b>

This text will be bold an so on.

Always when you want to make some HTML document you need to start with

Code:
<html>

and end whit

Code:
</html>

That code will be valid and it will be published on you webpage

These are HTML Basic Documents codes

Code:
<html>

<head>

<title>Document name goes here</title>

</head>

<body>

Visible text goes here...

</body>

</html>

Headings on your Webpage
for headings code is

Code:
<h1></h1>

and that will be your 1st heading and the larges one.If you want smaller just replace number one(1) with number of your heading.Example: you want to make smaller <h5> which is the smallest

Code:
<h5></h5>

Text Elements

Code:
<p>This is a paragraph</p>

<br /> (line break)

<hr /> (horizontal rule)

<pre>This text is preformatted</pre>

HTML Colors

This part is really hard to get know because you can make 16 millions colors
and every color has his own code.These codes are containing name of the color

Code:
#FFFF00

This is yellow
And she's lightness

Code:
#780000

And she's shade:

Code:
#404040

This is only smart part of these HTML colors because there are tons of codes which you must learn if you want to be good web designer.

HTML Links

Code:
<a href="http://www.supportforums.net/">Visit SupportForums</a>

This is one link with his name.

Code:
<a>http://www.supportforums.net/</a>

This is link without sensitivity.

Images

This is link for image.When you want to put an image you need to put his widht and height,you need also this border which images frame tickness
And the code will look like this:

Code:
<h2>Norwegian Mountain Trip</h2>

<img border="0" src="/images/pulpit.jpg" width="304" height="228" />

Put a heading before the image to describe it.And under some description.

Code:
<html>

<body>

<h2>Norwegian Mountain Trip</h2>

<img border="4" src="/images/pulpit.jpg" width="304" height="228" />

<a>This is a description of it</a>

</body>

</html>

I showed you some basic of HTML if you want to learn much much from this you need to study hard to be professional in this job.There are more functions that i haven't showed you,but this is enough till you got some experience in this job.

This tutorial is made by ME(Eagle) and you DO NOT HAVE PERMISSIONS to copy/paste it everywhere without my knowledge,

Copyright Eagle's Tutorials/Tips/Products ©

Regards
Eagle Superman

Pretty basic tutorial but it was very well made and easy to understand.

Thanks for taking your time to make this.

No problem,feedback is appreciated.

Great tutorial Eagle , good for beginners <3 (Y) Good job.

Thank you bro.Again nice sig Big Grin

Pretty basic, which is perfect for guys like me, that are complete beginners Smile

Very good for beginners. Simple and well explained.

Hey, great tutorial.
Just to correct you, there is a <h6> tag - <h5> isn't the smallest.

I think with the whole web 2.0 you should be teaching people to XHTML standards (self-closing tags, doctype declaration, link tags, meta charsets and content-types). You could begin HTML5 if you wanted to...

Other than that, great tutorial and good job.

Thank you btw you can make XHTML tut if you want..

I already knew this but that's a great tutorial for beginners Smile

Pages: 1 2

Eagle

Ionica

Eagle

m EGa^

Eagle

SkeetMads

Fragma

James

Eagle

ΣΠΤΣR SHΦΚΔRΦ