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