html help sheet 02
TRANSCRIPT
BasicSyntax
With Attribute
HTML: <tag></tagclose> or <tag>XHTML: <tag></tagclose> or <tag />
HTML: <tag attribute=”?”>XHTML: <tag attribute=”?” />
Table
Input Types
<table>
<thead><tr><th></th></tr></thead>
<tbody><tr><td></td></tr></tbody>
<tfoot><tr><td></td></tr></tfoot>
</table>
buttoncheckbox�lehiddenimagepasswordradioresetsubmittext
Template
CSS Media
<html><head><title></title>Meta tagsCSSJavascript</head><body>Content</body></html>
Meta Types
http-equivname
<ol><li></li></ol>
<ul><li></li></ul>
Lists
allhandheldprintprojectionscreen
General<body> Visible part of the page<head> Part not displayed on page<html> Creates an HTML page<title> Creates the Page name in title bar
Frames
Comment
<frame> De�nes a single frame
<!-- comment here --> Ensures anything in between is not interpreted
<frameset>Frame document<iframe> Inline frame
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
Structure<br />* Line break<code> Source code listing<div> Formats structure or block of text
<hr> Horizontal rule<p> Paragraph<pre> Preformatted text<span> Inline formatting<strong> Bold text<sub> Subscript text<sup> Superscript text
<em> Italic text<h1>..<h6> Page heading, biggest to smallest
Head
<link rel=”stylesheet” href=”?”type=”text/css”>*
External CSS link
<script language=”Javascript”type=”text/javascript”>
Embedded javascript
<meta name="?" content="?" />* Meta info
<style type="text/css">@import "URL"; </style>
Lists<dd> De�nition<dl> De�nition list<dt> De�nition term<li> Item in a list<ol> Ordered list<ul> Unordered list
Forms
Tables<caption> Table caption<table> De�nes a table<tbody> Body section of table
<tfoot> Footer section of the table
<thead> Header section of table<tr> Table row
<th> Table header cells<thcolspan=”?”>
Number of columns table headercell spans
<td> Table cell<td colspan=”?”>
Number of columns cell spans
<td rowspan=”?”>
Number of rows cell spans
© 2008 Go Squared Ltd.
* Does not require a closing tag.
<form> De�nes a form<�eldset> Group of related form items
<option> Menu item in a select box<select> Drop-down menu<textarea> Multi-row text area
<input type=“?”>*
Form element [see input types]
Special Characters Non-breaking space" Quotation mark& Ampersand< Less than sign> More than sign
HTML Help SheetHTML Help SheetGoSquaredGoSquared
Download this Help Sheet now at gosquared.com/liquidicity or put it on your wall