[The Basics of HTML Programming] - [Howto's for Picture Gallery]

 
This website uses 2 programming languages: PHP and HTML.

The PHP content is fully dynamic and is used for speed and efficiency of page loading. The HTML sections are used for simplicity.
HTML is a very easy to use language. The following sections of our website uses HTML
  • Cadet News 
  • Picture Gallery
  • Recent Events
  • Site Content Editor
  • and of course this document here

The Basics
The text you see on this page is written in HTML coding, the easiest way teach is to use examples
Code: <font face="Arial" size="2">The text you see <u>on this page</u> is written in</font> <b>HTML</b> coding, the <i>easiest</i> way <font face="Tahoma">teach is to use</font> <font color="#FF0000">examples<br>
 
The majority of html tags are simple to understand and the majority of tags require an opener and a closing tag. i.e <b>hello</b> gives hello

  • To insert a new line, the command <br> is used, no closing tag </br> is required.
  • To insert a double blank line or new paragraph, <p>text</p> is used.
  • To insert a list like this one, we use 2 statements: <ul><li></li></ul> For example
    <ul>
    <li>To insert a new line, the command <br> is used, no closing tag </br> is required.</li>
    <li>To insert a double blank line or new paragraph, <p>text</p> is used.</li>
    <li>To insert a list like this one, we use 2 statements: &lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;
    </ul>
  • To insert an image Admin Home we can use <img alt="Admin Home" src="http://www.1297atc.co.uk/admin/AdminPanel/006.gif" border="0" width="120" height="24">
  • To insert a link to open on the same page: 1297 Website we use: <a href="http://www.1297atc.co.uk">1297 Website</a>
  • To insert a link which opens in a new page 1297 Website we can use <a href="http://www.1297atc.co.uk" target="_blank">1297 Website</a>
  • To insert a picture with a link Admin Home and that opens in a new window we use: <a href="http://www.1297atc.co.uk/admin/admin_panel.php" target="_blank"><img alt="Admin Home" src="http://www.1297atc.co.uk/admin/AdminPanel/006.gif" border="0" width="120" height="24"></a>
  • To create a table with 2 rows and 3 column and a border we use: 
    <table border="1" width="300" cellspacing="3" cellpadding="3">
    <tr><td>1</td><td>2</td><td>3</td></tr>
    <tr><td>4</td><td>5</td><td align="center">6</td></tr>
    </table>
    1 2 3
    4 5 6

For more HTML coding please try reading some articles here