Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[TuT] HTML for beginners [TuT]
#1
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
[Image: 28jy5v9.png]
Reply
#2
Pretty basic tutorial but it was very well made and easy to understand.

Thanks for taking your time to make this.
Reply
#3
No problem,feedback is appreciated.
[Image: 28jy5v9.png]
Reply
#4
Great tutorial Eagle , good for beginners <3 (Y) Good job.
[Image: 6fp9it.png]
Reply
#5
Thank you bro.Again nice sig Big Grin
[Image: 28jy5v9.png]
Reply
#6
Pretty basic, which is perfect for guys like me, that are complete beginners Smile
Reply
#7
Very good for beginners. Simple and well explained.
Reply
#8
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.
Reply
#9
Thank you btw you can make XHTML tut if you want..
[Image: 28jy5v9.png]
Reply
#10
I already knew this but that's a great tutorial for beginners Smile.
[Image: pageviews=1]
Reply


Possibly Related Threads…
Thread Author Replies Views Last Post
  [Tut] Build a website [Easy] supermanden 2 1,151 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,641 04-16-2014, 08:51 AM
Last Post: cracker007
  Contact form for HTML Crystal 36 10,807 05-24-2013, 05:51 PM
Last Post: Akai
  Helping with HTML and CSS Ambitious 0 682 08-28-2011, 01:18 PM
Last Post: Ambitious
  [TUT] Contact Form using HTML/PHP Captain Straight Edge 29 7,009 08-17-2011, 09:49 AM
Last Post: -Infectious

Forum Jump:


Users browsing this thread: 3 Guest(s)