Basic Understanding of HTML

**TyROiiD** · 02-22-2009

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--

Code:

   
<!--...-->
<!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

Code:

For example

Code:

<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

Code:

<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:

Code:

<p>

Now in the html format:

Code:

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

Now with some text:

Code:

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

Now lets make another line:

Code:

<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

Code:

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:

Code:

<br>

Closed function:

Code:

<br/>

For this tag you dont use:

Code:

<br>   <br/>

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

Code:

<p>
<br/>

In full format it looks like:

Code:

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

Now with some text:

Code:

<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

Code:

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

Code:

<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:

Code:

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

-TyROiiD

**WhoIsYou** · 02-22-2009

html is actually quite fun to mess with.
I know the basics

**iknowu** · 06-13-2009

Originally Posted by WhoIsYou

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

Wow.
4 Month bump...

**Battle Star** · 06-14-2009

eh, nice and easy guide! thanks

!

**Casualdemeanor** · 06-15-2009

This is a nice guide thanks it helped me a little. +REP

**solowestside** · 06-16-2009

you could also put <SRC and <embed and <nonembed> those are basic codes as well........but good guide, good job

Thread: Basic Understanding of HTML

Thread Tools

Display

Basic Understanding of HTML

Posting Permissions