Go To the following sample TAGs (internal links)  [roll over buttons use CSS]
Address Map Table Float Form Fieldset Form Action Send Email iframe Image Bullets & Number list Option Boxes

 

Address Tag    

<address>
Barry Miller<br>
123 Beach Road<br>
Long Beach NSW 2536<br>
Phone: (02)7472-7079
</address>

 
Barry Miller
123 Beach Road
Long Beach NSW 2536
Phone: (02)7472-7079

Object - Slider



  Show Value of Slider

Map Tag   
<img src="images/Drawing1.jpg" alt="Transport" usemap="#Transport" height="313" width="392">
<map name="Transport">
<area shape="rect" coords="0, 0, 204, 157" alt=" Car " href="Hotrod.htm">
<area shape="rect" coords="207, 2, 386, 159" alt=" Motobike " href="Motobike.htm">
<area shape="rect" coords="0, 160, 205, 310" alt=" Ship " href="Ship.htm">
<area shape="rect" coords="208, 160, 383, 312" alt=" Aeroplane " href="Aeroplane.htm">
</map>

Click on one of the pictures to watch it closer:

Transport Car  Motobike  Ship  Aeroplane

 


CSS table style="float: left" allows text to be shown to the right of the table   

CSS style =           <table style="float: left;" border="1">
Old Html style =    <table border="1" align="right">

 

Name & Address
Name Address Phone
Barry 123 Beach 7472-7079
Jack 59 First St 0414555455
This is some text to be wrapped around the table.
This is some text to be wrapped around the table.
This is some text to be wrapped around the table.
This is some text to be wrapped around the table.
This is some text to be wrapped around the table.
This is some text to be wrapped around the table.
This is some text to be wrapped around the table.


 


Form Fieldset   
The <fieldset> tag is used to logically group together elements in a form.

<form>
<fieldset style="width: 282px; height: 91px;"><legend>Your
Details</legend>
Name: <input size="30" type="text"><br>
Email: <input size="30" type="text"><br>
Date of birth: <input size="10" type="text">
</fieldset>
</form>

Your Details Name:
Email:
Date of birth:

Form Action    
<form action="form_action.asp">
<p>First name: <input name="FirstName" value="Barry" type="text"><br>
Last name: <input name="LastName" value="Miller " type="text"><br>
<br>
<input name="vehicle" value="Bike" type="checkbox">I have a bike<br>
<input name="vehicle" value="Car" checked="checked" type="checkbox"> I have a car <br>
<br>
<input name="sex" id="male" type="radio">
<label for="male">Male</label> <br>
<input name="sex" value="Female" checked="checked" type="radio">Female<br>
<input value="Submit" type="submit">
</p>
</form>

First name:
Last name:

I have a bike
I have a car


Female

Click the "Submit" button and the input will be sent to a page on the server called "form_action.asp".


Send Email   
This example shows how to send an e-mail from a form:

<form action="mailto:info@barrymiller.com.au" method="post" enctype="text/plain">
Name:<br>
<input name="name" size="20" type="text"><br>
Email:<br>
<input name="email" size="40" type="text"><br>
Comment:<br>
<input name="comment" size="50" type="text"><br>
<br>
<input value="Send" type="submit">
<input value="Reset" type="reset">
<p>&nbsp;</p>
</form>

Name:

Email:

Comment:


 

This is some text above a line.


This is some text below a line (using css) .
<p id="textcenred">This is some text below a line (using css) .</p>


  iframe   
<iframe src="iframes.htm" marginwidth="2" name="Inlineframe" marginheight="2" align="middle" height="400" width="800">
<p>Your browser does not support iframes.</p>
</iframe>

The <iframe> tag defines an inline frame that contains another document.


Image No Table & Tables   

Image no Table

P10 Headset adaptor

Image in the Second Column of a - Rows(1), Columns(3) boardless Table

 

 

Image in the Third Column of a - Rows(1), Columns(4) boardless Table

     

Bullets & Number list   

An ordered list:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

  1. Coffee
  2. Tea
  3. Milk

An unordered list:
<ul type="square">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>


Option Drop Down Box   

<select><optgroup label="Swedish Cars"><option value="volvo">Volvo</option><option value="saab">Saab</option></optgroup>  etc
Option Group Drop down Box
 

<select><option>Volvo</option><option>Saab</option><option>Mercedes</option>  etc
Option Drop down Box


The pre element is often used to display computer code:
<pre>
for i=1 to 10
                  print i
                  print i * 4
                  print i * 8
next i
</pre>

result is

for i=1 to 10
            print i
            print i * 4
            print i * 8
next i

using css & span
My mother has <span class="blue">light blue</span>eyes and my father has <span class="green">dark green</span>eyes.

 My mother has light blue eyes and my father has dark green eyes.


using direct Html
My mother has <b><font color="#00ffff">light blue</font></b>eyes and my father has <b><font color="#008080">darkgreen</font></b> eyes.

My mother has light blue eyes and my father has dark green eyes.


Text Area    <textarea rows="5" cols="40">