Login

Eagle · 05-10-2010, 11:25 AM

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

Ionica · 05-11-2010, 02:09 AM

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

Thanks for taking your time to make this.

Eagle · 05-11-2010, 03:20 AM

No problem,feedback is appreciated.

m EGa^ · 05-11-2010, 01:17 PM

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

Eagle · 05-12-2010, 01:19 AM

Thank you bro.Again nice sig Big Grin

SkeetMads · 05-16-2010, 03:05 PM

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

Fragma · 05-17-2010, 05:24 AM

Very good for beginners. Simple and well explained.

James · (This post was last modified: 05-17-2010, 09:07 AM by James.)

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.

Eagle · 05-18-2010, 07:00 AM

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

ΣΠΤΣR SHΦΚΔRΦ · 06-01-2010, 06:44 AM

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

.

Login
Username:
Password:	Lost Password?
	Remember me

Possibly Related Threads…
Thread		Author	Replies	Views	Last Post
	[Tut] Build a website [Easy]	supermanden	2	965	05-19-2014, 04:31 AM Last Post: vahaa
	[tut] I Want to Make a Website, but, I don't know What to Do	Grizzly	2	1,467	04-16-2014, 08:51 AM Last Post: cracker007
	Contact form for HTML	Crystal	36	8,383	05-24-2013, 05:51 PM Last Post: Akai
	Helping with HTML and CSS	Ambitious	0	545	08-28-2011, 01:18 PM Last Post: Ambitious
	[TUT] Contact Form using HTML/PHP	Captain Straight Edge	29	5,480	08-17-2011, 09:49 AM Last Post: -Infectious