Home html
html PDF Print E-mail
Written by Willy Gerber   
Saturday, 21 February 2009 12:32
Structure
<HTML>htmldocument</HTML> Html document tag
<HEAD></HEAD>Heat of the document, includes title and meta data.
<TITLE>Title</TITLE>Title of the document. Included in the head part
<META NAME="Generator" CONTENT="gPhysics generator">
<META NAME="Author" CONTENT="Willy">
<META NAME="Keywords" CONTENT="physics">
<META NAME="Description" CONTENT="Demo page">
Additional information
<BODY>Document content</BODY>Text of the document.
<!-- This is a comment>Comment (not shown)
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>

Heading 1


Heading 2


Heading 3

<p>Paragraph</p>Included text build a paragraph.
Formatting
<b>Bold</b>Bold text
<big>Big</big>Big
<em>Emphasized</em>Emphasized
<i>Italic<i>Italic
<small>Small</small>Small
<strong>Strong</strong>Strong
Text<sub>subscripted</sub>Textsubscripted
Text<sup>superscripted</sup>Textsuperscripted
<ins>inserted</ins>inserted
<del>deleted</del>deleted
Computer output
<code>Code text</code>Code text
<kbd>Keyboard text</kbd>Keyboard text
<samp>Sample computer code</samp>Sample computer code
<tt>Teletype</tt>Teletype
<var>Variable</var>Variable
<pre>Preformatted text</pre>
Preformatted text
Special characters
& aacute;á
& eacute;é
& iacute;í
& oacute;ó
& uacute;ú
& Ntilde;Ñ
& ntilde;ñ
& ccedil;ç
& auml;ä
& ouml;ö
& uuml;ü
Citations, Quotations, and Definition Tags (useful information to browsers, spellcheckers, screen readers, translation systems and search-engines, not visible)
<abbr>Abbreviation</abbr>Abbreviation
<acronym>Acronym</acronym>Acronym
<address>Address element</address>
Address element
<bdo>Text direction</bdo>Text direction
<blockquote>Long quotation</blockquote>
Long quotation
<q>Quotation</q>Quotation
<cite>Citation</cite>Citation
<dfn>Definition term</dfn>Definition term
Style
<p style="background-color:red">Color</p>

Color

<h1 style="font-size:10px">Font size</h1>

Font size

<h2 style="font-family:Arial">Font family</h2>

Font family

<h3 style="text-align:center">Text align</h3>

Text align

Link
<a href="/">Link to my page</a>Link to a URL from clicking a text "Link to my page".
<a href="/" target="_blank" name="gPhysics.net page">Link to my page Where to open the target URL (_blank,_self,_parent,_top)
<a href="/"><img src="/gphysics.gif"></a>Link to a URL from clicking an image.
Image
<img src="/gphysics.gif" alt="gPhysics logo">Image
<img src="/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />Image with a link to a map.
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="/g.htm" alt="g" />
  <area shape="circle" coords="90,58,3" href="/P.htm" alt="P" />
</map>		Definition of a map.
Table
<table>
  <tr>
    <th>11</th>
    <th>12</th>
  </tr>
  <tr>
    <td>21</td>
    <td>22</td>
  </tr>
</table>
1112
2122
<table>Table tag
<table border="1">Border width in px
<table cellpadding="2">Space between the cell wall and the cell content in px
<table cellspacing="4">Space between cells in px
<table width="500">Table width pixels,%
<th>Title cell tag
<th align="left">Align text in cell (left,right,center,justify,char)
<th colspan="2">Number of columns a cell should span
<th rowspan="2">Number of rows a cell should span
<th valign="center">Vertical aligns text in a cell (top,middle,bottom,baseline)
<tr> 
<tr align="center">Align text in cells of the row (right,left,center,justify,char)
<tr valign="top">Vertical aligns text in cells of the row (top,middle,bottom,baseline)
<td> 
<td align="left">Align text in cell (left,right,center,justify,char)
<td valign="center">Vertical aligns text in a cell (top,middle,bottom,baseline)
<td colspan="2">Number of columns a cell should span
<td rowspan="2">Number of rows a cell should span
bgcolorBackground color, prefer style tag
heightHeight of the cell, prefer style tag
widthWidth of the cell, prefer style tag
List
<li>item</li>list item
  • C
  • A
    • <ul>list</ul>unordered list
    • C
    • A
    <ol>list</ol>ordered list
    1. C
    2. A
    <dl>
      <dt>term 1</dt>
        <dd>description 11</dd>
        <dd>description 12</dd>
      <dt>term 2</dt>
        <dd>description 21</dd>
    </dl>
    term 1
    description 11
    description 12
    term 2
    description 21
    <dl>Definition list
    <dt>Definition term
    <dd>Definition description
    Form
    <form>
    First name:
    <input type="text" name="firstname"><br>
    Last name:
    <input type="text" name="lastname">
    </form>    		First name:
    Last name:
    <form name="myform">Name of the form
    <form action="form.asp">Where to send the data
    <form method="get">Method for sending data to the action URL (get-sends the form contents in the URL: URL?name=value&name=value,post-sends the form contents in the body of the request)
    <form target="_blank">Where to open the target URL (_blank,_self,_parent,_top)
    <input>Defines an input field
    <input name="element">Name of the element
    <input maxlength="20">Maximal element
    <input checked="checked">Set if preselected (checkbox or radiobutton)
    <input size="20">Size of the element
    <input src="/logo.gif">Include image in the element
    <input type="button"> 
    <input type="checkbox"> 
    <input type="file"> 
    <input type="hidden"> 
    <input type="image"> 
    <input type="password"> 
    <input type="radio"> 
    <input type="reset"> 
    <input type="submit"> 
    <input type="text"> 
    <input value="1">Default value of the element
    <textarea>Defines a text-area (a multi-line text input control)
    <textarea>Test
    <textarea name="element">Name of the element
    <textarea cols="3" rows="20">Area with defined columns and rows
    <label>Defines a label to a control
    <label for="variable">Variable</label>Variable
    <fieldset>
      <legend>Name:</legend>
      First Name: <input type="text" size="30" /><br />
      Last Name: <input type="text" size="30" /><br />
    </fieldset>    		Name:First Name:
    Last Name:
    <fieldset>Defines a fieldset, a group of related elements in a form
    <legend>Defines a caption for a fieldset
    <select>
      <optgroup label="Alternative 1">
        <option value="opt1">Option 11</option>
        <option value="opt2">Option 12</option>
      <optgroup label="Alternative 2">
        <option value="opt3">Option 21</option>
    </select>    		Option 11Option 12Option 21
    Defines a selectable list (a drop-down box)
    <select name="element">Name of the element
    <select size="20">Size of the element
    <button>Defines a push button
    <button>Click</button>Click
    <button name="element">Name of the element
    <button type="button">Type of the button (button,reset,submit)
    <button value="1">Value sended
    Last Updated ( Saturday, 21 February 2009 19:36 )
     
    Copyright © 2012 gPhysics. All Rights Reserved.
    Joomla! is Free Software released under the GNU/GPL License.