GoSquared                                                                                                  HTML Help Sheet




     Template                                                 Syntax                                            Head                  Table
<html>               Basic                                              <style type="text/css">@import "URL"; </style>     <table>
<head>               HTML: <tag></tagclose> or <tag>                    <link rel=”stylesheet” href=”?”  External
<title></title>      XHTML: <tag></tagclose> or <tag />                 type=”text/css”>*                CSS link          <thead>
Meta tags                                                               <script language=”Javascript”                      <tr>
CSS
                     With Attribute                                                                      Embedded
                                                                                                                           <th>
                     HTML: <tag attribute=”?”>                          type=”text/javascript”>          javascript
Javascript                                                                                                                 </th>
</head>              XHTML: <tag attribute=”?” />                       <meta name="?" content="?" />* Meta info           </tr>
<body>                                                                                                                     </thead>
Content                                                      General                                           Tables
</body>              <body>      Visible part of the page               <caption>      Table caption                       <tbody>
</html>                                                                 <table>        De nes a table                      <tr>
                     <head>      Part not displayed on page
                                                                        <tbody>        Body section of table               <td>
   CSS Media         <html>      Creates an HTML page                                                                      </td>
                                                                        <td>           Table cell
all                  <title>     Creates the Page name in title bar                                                        </tr>
                                                                        <td            Number of columns cell spans
handheld                                                                                                                   </tbody>
                                                                        colspan=”?”>
print                                                          Links    <td            Number of rows cell spans
projection                                                                                                                 <tfoot>
                     <img src=”URL”>*       Displays an image           rowspan=”?”>
screen                                                                                                                     <tr>
                     <a href=”#?”>          Link to anchor in current   <tfoot>        Footer section of the table         <td>
  Meta Types                                page                        <th>           Table header cells                  </td>
                     <a href=”URL”>         Link to another page        <th            Number of columns table header      </tr>
http-equiv           <a href=”URL#”>                                    colspan=”?”>   cell spans                          </tfoot>
                                            Link to anchor in another
name                                                                    <thead>        Header section of table
                                            page
                     <a href=”mailto: EMAIL”> E-mail link               <tr>           Table row                           </table>
             Lists
<ol>                                                        Structure                                              Lists     Input Types
<li>
                     <br />*   Line break                               <dd>       De nition                               button
</li>
</ol>                <code>    Source code listing                      <dl>       De nition list                          checkbox
                     <div>     Formats structure or block of text                                                           le
                                                                        <dt>       De nition term
<ul>                 <em>      Italic text                                                                                 hidden
                                                                        <li>       Item in a list
<li>                 <h1>..<h6> Page heading, biggest to smallest                                                          image
                                                                        <ol>       Ordered list
</li>                <hr>      Horizontal rule                                                                             password
</ul>                                                                   <ul>       Unordered list                          radio
                     <p>       Paragraph
                     <pre>     Preformatted text                                                                           reset
                     <span>
                                                                                                               Forms       submit
                               Inline formatting
                                                                        <form>         De nes a form                       text
                     <strong> Bold text
                     <sub>     Subscript text                           < eldset>      Group of related form items
                     <sup>     Superscript text                         <input type=   Form element [see input types]
                                                                        “?”>*
                                                                        <option>       Menu item in a select box
                                                             Frames     <select>       Drop-down menu
                     <frame>   De nes a single frame                    <textarea>     Multi-row text area
                     <frameset>Frame document
                     <iframe> Inline frame                                                          Special Characters
                                                                        &nbsp;         Non-breaking space
                                                            Comment     &quot;         Quotation mark
                                                                        &amp;          Ampersand
                     <!-- comment here --> Ensures anything in          &lt;           Less than sign
                                          between is not interpreted    &gt;           More than sign

                     * Does not require a closing tag.




        Download this Help Sheet now at gosquared.com/liquidicity or put it on your wall                       © 2008 Go Squared Ltd.

Html Help Sheet 02

  • 1.
    GoSquared HTML Help Sheet Template Syntax Head Table <html> Basic <style type="text/css">@import "URL"; </style> <table> <head> HTML: <tag></tagclose> or <tag> <link rel=”stylesheet” href=”?” External <title></title> XHTML: <tag></tagclose> or <tag /> type=”text/css”>* CSS link <thead> Meta tags <script language=”Javascript” <tr> CSS With Attribute Embedded <th> HTML: <tag attribute=”?”> type=”text/javascript”> javascript Javascript </th> </head> XHTML: <tag attribute=”?” /> <meta name="?" content="?" />* Meta info </tr> <body> </thead> Content General Tables </body> <body> Visible part of the page <caption> Table caption <tbody> </html> <table> De nes a table <tr> <head> Part not displayed on page <tbody> Body section of table <td> CSS Media <html> Creates an HTML page </td> <td> Table cell all <title> Creates the Page name in title bar </tr> <td Number of columns cell spans handheld </tbody> colspan=”?”> print Links <td Number of rows cell spans projection <tfoot> <img src=”URL”>* Displays an image rowspan=”?”> screen <tr> <a href=”#?”> Link to anchor in current <tfoot> Footer section of the table <td> Meta Types page <th> Table header cells </td> <a href=”URL”> Link to another page <th Number of columns table header </tr> http-equiv <a href=”URL#”> colspan=”?”> cell spans </tfoot> Link to anchor in another name <thead> Header section of table page <a href=”mailto: EMAIL”> E-mail link <tr> Table row </table> Lists <ol> Structure Lists Input Types <li> <br />* Line break <dd> De nition button </li> </ol> <code> Source code listing <dl> De nition list checkbox <div> Formats structure or block of text le <dt> De nition term <ul> <em> Italic text hidden <li> Item in a list <li> <h1>..<h6> Page heading, biggest to smallest image <ol> Ordered list </li> <hr> Horizontal rule password </ul> <ul> Unordered list radio <p> Paragraph <pre> Preformatted text reset <span> Forms submit Inline formatting <form> De nes a form text <strong> Bold text <sub> Subscript text < eldset> Group of related form items <sup> Superscript text <input type= Form element [see input types] “?”>* <option> Menu item in a select box Frames <select> Drop-down menu <frame> De nes a single frame <textarea> Multi-row text area <frameset>Frame document <iframe> Inline frame Special Characters &nbsp; Non-breaking space Comment &quot; Quotation mark &amp; Ampersand <!-- comment here --> Ensures anything in &lt; Less than sign between is not interpreted &gt; More than sign * Does not require a closing tag. Download this Help Sheet now at gosquared.com/liquidicity or put it on your wall © 2008 Go Squared Ltd.