PDA

View Full Version : Basic Understanding of HTML



TyROiiD
02-22-2009, 02:56 AM
Understanding of HTML
For starters, HTML means Hyper Text Markup Language
It is a code used to let you see what you see on a web browser
Is good to know HTML becauses it will be helpful if making a site, you wont have to hire someone
Anyway lets begin
A ISOgaming guide
Written by Ic3fox AKA TyROiiD AKA FrOzOnE
DO NOT RIP
If i see this on other sites i wont make guides for you guys anymore

--Below is a list of the HTML 4.01 Tags--



<!--...-->
<!doctype>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<fieldset>
<font>
<form>
<frame>
<frameset>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<head>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<isindex>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<menu>
<meta>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param>
<pre>
<q>
<s>
<samp>
<script>
<select>
<small>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<tt>
<u>
<ul>
<var>

Now that you know the tags
You will probably not use them all, but there there if you need them
Now lets begin
For every tag you open you must close it with


/

For example


<html>
</html>

If you dont close your tag it wont show up in the html doc
Now in EVERY html document you MUST have these following six tags in it


<html>
<head>
</head>
<body>
</body>
</html>

But you can have as many tags in a html doc as you want
Lets start with some basic tags and work to harder ones
We will start with the Paragraph tag
The tag itself:


<p>

Now in the html format:


<html>
<head>
</head>
<body>
<p>
</p>
</body>
</html>

Now with some text:


<html>
<head>
</head>
<body>
<p>This is a HTML tut written by Ic3foX
</p>
</body>
</html>

Now lets make another line:


<html>
<head>
</head>
<body>
<p>This is a HTML tut written by Ic3foX
</p>
<p>I wish i was him
</p>
</body>
</html>

If you were to put this in a html doc you would see


This is a HTML tut written by Ic3foX

I wish i was him

You notice how there was a space?
To get rid of it you will have to use the next tag that i will teach you:
It is the linbreak tag
For this tag the close function gose at the end
Begining:


<br>

Closed function:


<br/>

For this tag you dont use:


<br> <br/>

You have to start with the Paragraph tag and end with the Line Break tag


<p>
<br/>

In full format it looks like:


<html>
<head>
</head>
<body>
<p>
<br/>
</body>
</html>

Now with some text:


<html>
<head>
</head>
<body>
<p>This is a HTML tut written by Ic3foX
I wish i was him
<br/>
</body>
</html>

If you were to put this in a html doc you would see


This is a HTML tut written by Ic3foX
I wish i was him

You see how its different from the Paragraph one?
Now lets make some words stick out
We will be using TEN tags for this


<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<strong>
<b>
<i>
<u>


The strong and B tag are the same thing
Moving on...
At this point you should know how to use the following tags:


<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<strong>
<b>
<i>
<u>
<p>
<br/>



-TyROiiD

WhoIsYou
02-22-2009, 03:24 AM
html is actually quite fun to mess with.
I know the basics :)

iknowu
06-13-2009, 03:40 PM
html is actually quite fun to mess with.
I know the basics :)

Same here i made a miny page but still dont know how to upload it 0.o

TyROiiD
06-14-2009, 12:15 AM
Wow.
4 Month bump...

Battle Star
06-14-2009, 08:05 AM
eh, nice and easy guide! thanks :D!

Casualdemeanor
06-15-2009, 09:58 PM
This is a nice guide thanks it helped me a little. +REP

solowestside
06-16-2009, 03:21 AM
you could also put <SRC and <embed and <nonembed> those are basic codes as well........but good guide, good job