HTML Tutorial - General Tags

Example HTML Tag Note
Bold Text <b>Bold Text</b>
Italic Text <i>Italic Text</i>
Underlined Text <u>Underlined Text</u>
Small Text <small>Small Text</small>
Big Text <big>Big Text</big>
Size 5 Text <font size=5>Size 5 Text</font> Font size can be set from 1 - 7. (7=biggest).
Blue Text <font color=blue>Blue Text</font> Color codes must be used for colors other than the most common ones. More about color.
Magenta Text <font color=#FF6347>Magenta Text</font> Find more color codes here.
Line
Break
Line<br>Break

Header 2

<h2>Header 2</h2> Header size can be set from 1 - 6. (1=biggest). Use this tag for the top of your page.
Centered Text
<center>Centered Text</center>
Typewriter Text <tt>Typewriter Text</tt>
NormalSubscript Normal<sub>Subscript</sub> Eg: (H2O)
NormalSuperscript Normal<sup>Superscript</sup> Eg: (Company NameTM)
Link <a href="http://www.berm.co.nz/">Link</a> More about links.
<img src="http://www.berm.co.nz/berm.gif"> More about images.

<hr> Horizontal Rule
  • Computer
  • Internet
  • HTML Editor
<ul>
<li>Computer
<li>Internet
<li>HTML Editor
</ul>
Unordered List. The Unordered list will have a disc shape in front of each item by default. You may change this to a circle or square by replacing the opening <ul> tag with <ul type="square"> or <ul type="circle">
  1. Computer
  2. Internet
  3. HTML Editor
<ol>
<li>Computer
<li>Internet
<li>HTML Editor
</ol>
Ordered List. The Ordered List has numbers in front of the items by default. You may select the number at which the list starts by replacing the opening <ol> tag with <ol start="500">
  • Website Tools:
    • Computer
    • Internet
    • HTML Editor
  • Code Types:
    • HTML
    • Javascript
    • PHP
<ul>
<li>Website Tools:
<ul>
<li>Computer
<li>Internet
<li>HTML Editor
</ul>
<li>Code Types:
<ul>
<li>HTML
<li>Javascript
<li>PHP
</ul>
</ul>
Nested List. This list type is a more advanced. The Nested list is like putting lists inside lists.
Pre Formatted
   text   will
appear
 exactly   as
  it looks
 in
your
 html  editor.
<pre>
Pre Formatted
   text   will
appear
 exactly   as
  it looks
 in
your
 html  editor.
</pre>

HTML Tutorial     Home