<a>

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>

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">
</applet>

<b>

Applies bold style to text.

See also: <strong>

<b>This text is bold</b>

This text is bold

<br>

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

First line<br>Second line

First line
Second line

<div>

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

<form>

Creating form

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

<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

<iframe>

Embed document or web page

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

<img>

Add images to web page

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

<input>

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?

<i>

Add italic style to text

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

This text is in italic

<li>

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

<marquee>

Moving text effect

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

This text is moving

<object>

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>

<ol>

A list of ordered items

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

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

<option>

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

<select>

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

<select>
<optgroup label="Fruits">
<option>Apple</option>
<option>Lemon</option>
<option selected="selected">Banana</option>
<option>Blueberries</option>
</optgroup>
<optgroup label="Vegetables">
<option>Brocoli</option>
<option>Cucumber</option>
<option>Onion</option>
</optgroup>
</select>

<strong>

Apply strong (bold) text style

<strong>This text is strong</strong>

This text is strong

<table>

Make table

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

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

<ul>

A list of unordered items

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

  • Item 1
  • Item 2
  • Item 3