HTML TUTORIAL

HTML BASIC CODES

1.<b> bold </b> = bold
2.<i> italic </i> = italic
3.<u>underline</u> = underline
4.<h1> big </h1> = big
5.<small> small </small> = small
6.<hr/>

---

7. <hr width="70%" color="red"/>

---

8.<hr color="green" width="30%"/>

---

9.<p> paragraph </p>
10. <br/> = line break
11. This^is superscript

= This ^is superscript

12. This _is subscript

= This _is subscript.

Commonly used HTML elements

1. <div> style
<div style="border: 2px dotted #cc55e9; background-color: #131211; color: #fff; " align="center"> test </div>

Result:

test

2. <a> element
<a href="http//www.waphelp.tk"> WapHelp.tk </a> is basic help for <a href="http://wapka.mobi">WapKa</a>

Result:
WapHelp.tk is basic help for WapKa

3. <span> element
This is <span style="background-color: #000; color: #00ff00; border: 2px outset #444;"> SPAN </span> element example!.

Result:
This is SPAN element example!

4. <font> element
<font color="red">G</font> <font color="blue">O</font> <font color="orange">O</font> <font color="purple">G</font> <font color="green">L</font> <font color="grey">E</font>

Result:
G O O G L E

List element and its attributes

1. <ol> element (order list) Attributes- Type and Start
Values- Type= a, A, I, i,
Start = This define where will the list will start. eg. If you start counting from number 6, then type="1" start="6".. Like this. See example

1. <ol type="a" start="a">
<li> Asia</li>
<li> Europe</li>
<li>Africa</li>
</ol>

2. <ol type="1" start="4">
<li> America</li>
<li>Antartica</li>
<li>Australia</li>
</ol>

Result:
1.

1. Asia
2. Europe
3. Africa

2.

4. America
5. Antartica
6. Australia

---

---

2. <ul> element (unorder list)
Attribute- TYPE
Value- Radio, Square, Circle
Example.
<ul type="radio">
<li>Asia</li>
<li>Europe</li>
</ul>

<ul type="square">
<li>America</li>
<li>Australia</li>
</ul>

RESULT:

• Asia
• Europe

• America
• Australia

Some more basic HTML elements..

<table> ,<tr>,<td> element

<table><tr><td> test1</td> <td>test2</td> <td>TEST3 </td></tr></table>

Result:

Test1

test2

TEST3

---

---

<fieldset> element

<fieldset style="border:1px solid #0000cc;"><legend><span style="border:1px dotted #0000ff;">Header</span></legend> Body here</fieldset>

Result:

Header

Body here