Webmaster Forums Biz

Full Version: Basic HTML tutorial
You're currently viewing a stripped down version of our content. View the full version with proper formatting.

S3RP3NT Wrote:
HTML

Hello,and here I go:

Probably everybody knows what HTML is.So I'll cut to the chase:


Let's start open notepad and type in the following

Quote:
<title>-ZiZiPo-</title>
<body>ZiZiPo...RULES!</body>
<br>
<b>Testing Bold</b>
<br>
<i>Testing Italic</i>
<br>
<u>Testing Underline</u>
<br>
<h1>-ZiZiPo-</h1>
<h2>-ZiZiPo-</h2>
<h3>-ZiZiPo-</h3>

<p>This is a paragraph</p>
<p>And Here is another one</p>

<!-- RockNRoll -->
<h4 align="center">-ZiZiPo-</h4>
<body bgcolor="Red">
<h5>I LIKE RED</h5>
<br>
<strong>Testing Strong</strong>
<br>
<big>Testing Big</big>
<br>
<em>Testing Emphasized</em>
<br>
<small>Testing Small Text</small>
<br>
Testing<sub>subscript</sub>
<br>
Testing<sup>superscript</sup>
<pre>wow
wow
wow
wow</pre>
<address>Washington DC, White House</address>
<abbr title="HackForums">HF</abbr>
<br>
<bdo dir="rtl">
</bdo>
ZiziPo is
<del>Stupid</del>
<ins>Good!</ins>


And save as something.htm or html

Explanation:

First every command start with <...> and ends with </...>
<title> is just the title for the page,which can be seen on top.
<body> Simply types something inside the page
<br> Breaks Lines.. *just like enter*
<b>,<u>,<i> Bold,Underline,Italics
<h1>... Makes a header.. the number 1 header is the biggest number 2 is smaller...
<p> Makes a paragraph
<!-- Puts a comment which will not show in the final page
<h4 align="center"> Makes a header and aligns it center
<body bgcolor="Red"> Changes the background's color
<strong> strongers the test
<big> makes the text big
<small>makes the text smaller
<em> emphazises the test
<Sup>/<Sup> makes the test superscript,subscript
<pre> you're free you can do anything you want.. you don't need <pa> and <br> put enter and it works
<address> makes an address in a special font
<abbr title=.... will make an abreviation which is HF and when the user puts the mouse on it HackForums will show
<bdo dir=.. rotates the text
<del> strikes the text
<ins> puts the test

This should be useful for first time people to HTML. It can be quite a challenging code to learn, but once you get used to it, you notice the difference.
Reference URL's