This is a draft cheat sheet. It is a work in progress and is not finished yet.
HTML4 Document Outline
<!DOCTYPE> |
Version of (X)HTML |
<html> |
HTML document |
<head> |
Page information |
HTML4 Tables
<table> |
Table |
<thead> |
Table header |
<tbody> |
Table body |
<colgroup> |
Column group |
<col> |
Column |
<tr> |
Table row |
<th> |
Header cell |
<td> |
Table cell |
HTML4 Page Information
<meta> |
Meta data |
<title> |
Title |
<link> |
Relevant resource |
<link rel="stylesheet" href="styles.css"> |
<script> |
Script resource |
<script src="myscripts.js"></script> |
HTML4 Core Attributes
1) Class and ID can be used to design the element
2) ID can be use to call input value
|
|
HTML4 Document Structure
<h1> to <h6> |
Headings |
<div> |
Page section |
<span> |
Inline section |
<p> |
Paragraph |
<br> |
Line break |
<hr> |
Horizontal line |
HTML4 Lists
<ol> |
Ordered list |
<ul> |
Unordered list |
<li> |
List item |
HTML4 Images
<img> |
image |
<img src="icon.jpg" alt="myicon" width="500" height="600"> |
HTML4 Forms
<form> |
Form |
<label> |
Input label |
<input> |
Form input |
<select> |
Drop down |
<option> |
Drop down option |
<outgroup> |
Group of option |
<textarea> |
Large text input |
<button> |
Button |
HTML4 Events
Window Events |
onload |
onunload |
Form Events |
onchange |
onselect |
onfocus |
onsubmit |
Keyboard Events |
onkeydown |
onkeyup |
onkeypress |
Mouse Events |
onclick |
onmouseout |
ondblclick |
onmouseover |
onmousedown |
onmouseup |
onmousemove |
|