HTML
HTML
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 />
Head
<style type="text/css">@import "URL"; </style> <link rel=stylesheet href=? External type=text/css>* CSS link <script language=Javascript Embedded type=text/javascript> javascript <meta name="?" content="?" />* Meta info <table> <thead> <tr> <th> </th> </tr> </thead>
Table
With Attribute
HTML: <tag attribute=?> XHTML: <tag attribute=? />
General
<body> <head> <html> <title> Visible part of the page Part not displayed on page Creates an HTML page Creates the Page name in title bar <caption> <table> <tbody> <td> <td colspan=?> <td rowspan=?> <tfoot> <th> <th colspan=?> <thead> <tr>
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>
Links
<img src=URL>* Displays an image <a href=#?> Link to anchor in current page <a href=URL> Link to another page <a href=URL#> Link to anchor in another page <a href=mailto: EMAIL> E-mail link
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> De nes a single frame <frameset>Frame document <iframe> Inline frame
<!-- comment here --> Ensures anything in between is not interpreted * Does not require a closing tag.