Anchors are used to make links to other pages and other sources, such as email address, download links...

<a href="#end">Jump to the end of page</a>
<a name="end"></a>

<a href="http://www.google.com">Ask Google</a>


Applet is a piece of Java code that can run inside a web brower window.

<applet codebase= code="Mooving.class" width=400 height=50>
Your browser does not support applets!
<param name=lbl value="Hello Applets World!">
<param name=speed value="30">


Applies bold style to text.

See also: <strong>

<b>This text is bold</b>

This text is bold


Line break is invisible character that forces text to continue in next line.

First line<br>Second line

First line
Second line


This is a container for other elements. By adding a style, it is easy to specify size, colors and other properties of the div element. Find more about div styling in CSS tutorial (here)

<div style="color: red"><p>div div div</p></div>

div div div


Creating form

<form action="process.php" method="POST">
<input type="text" name="name" value="John" />
<input type="submit" value="Submit name" />

<h1> - <h6>

Text heading

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6


Embed document or web page

<iframe src="http://www.matjazcerkvenik.si" width="250" height="160"> <p>iframe not supported</p></iframe>


Add images to web page

<img border="0" src="icon.png" />


Input fields are used within <form> tag, where the user enters some data which is sent to the web server. There are several possibilities of input fields: plain text, text fields, password fields, checkboxes, radiobuttons, submit or reset buttons...

<input type="checkbox" name="agreement" value="yes" />Do you agree?

Do you agree?


Add italic style to text

<i>This text is in italic</i>

This text is in italic


An item in the list. See <ol> or <ul>


Moving text effect

<marquee width="300" scrollamount="1" scrolldelay="5">This text is moving</marquee>

This text is moving


Embed an object into web page

<object data="myClip.mpeg" type="video/mpeg" height="120" width="180"> <p>Click <a href="MyMovie.mpeg">here</a> to download</p> </object>


A list of ordered items

<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>

  1. Item 1
  2. Item 2
  3. Item 3


Defining items in a drop-down list. See <select>


Make dropdown lists. Define items in the list as <option> tags. <optgroup> groups options into groups. <optgroup> is optional.

<optgroup label="Fruits">
<option selected="selected">Banana</option>
<optgroup label="Vegetables">


Apply strong (bold) text style

<strong>This text is strong</strong>

This text is strong


Make table

<table border="1">
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<td>Row 1: Col 1</td>
<td>Row 1: Col 2</td>
<td>Row 1: Col 3</td>
<td colspan="2">Row 2: Col 1 &amp; 2</td>
<td>Row 2: Col 3</td>

Column 1 Column 2 Column 3
Row 1: Col 1 Row 1: Col 2 Row 1: Col 3
Row 2: Col 1 & 2 Row 2: Col 3


A list of unordered items

<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>

  • Item 1
  • Item 2
  • Item 3