from the GuideHTML Quick Check list
HTML Quick Check list. You can print it for daily use.
HTML Basic Document
<! DOCTYPE html>
<title> Document title </title>
<body>
Visible Text ...
</body>
Base tags ( basic tags)
<p> This is a paragraph. </p>
<br> (line wrapping)
<!--This is a comment --text formatting (formatting)<b> Bold text </b>
<code> Computer code </code>
<em> Accent Text </em>
<i> Italic text </i>
<kbd> keyboard input </kbd>
<pre> pre-formatted text </pre>
<small> smaller text </small>
<strong> Important Text </strong>
<abbr> (abbreviation)
<address> (Contact information)
<bdo> (Text direction)
<blockquote> (part referenced from another source)
<cite> (name of work)
<del> (Deleted text)
<ins> (inserted text)
<sub> (subscript text)
<sup> (superscript text) Link (links) Normal Links: <a href= "http://www.example.com/" > link text </a>
Image link: <a href= "http://www.example.com/" ></a>
Mail link: <a href= "mailto:[email protected" > Send e-mail</a>
Bookmark:
<a id= "Tips" > Tips section </a>
<a href= "#tips" > Skip to the Tips section </a>
picture (Images)style/Chunk (styles/sections) <style type= "Text/css" >
h1 {color:red;}
p {color:blue;}
</style>
Block-level elements in the <div> document </div>
Inline elements in the <span> document </span> unordered list<ul>
<li> Projects </li>
<li> Projects </li>
</ul> list with sequence <ol>
<li> the first </li>
<li> the second </li>
</ol> definition List <dl>
<dt> Project 1</dt>
<dd> Description Project 1</dd>
<dt> Project 2</dt>
<dd> Description Project 2</dd>
</dl> form (Tables)
<table border= "1" >
<tr>
<th> Table title </th>
<th> Table title </th>
</tr>
<tr>
<td> Tabular Data </td>
<td> Tabular Data </td>
</tr>
</table>
Framework (Iframe)
<iframe src= "demo_iframe.htm" ></iframe>
Forms (Forms)<form action= "demo_form.php" method= "Post/get";
<input type= "text" name= "email" size= "+" maxlength= "";
<input type= "password";
<input type= "Radio" checked= "checked";
Span style= "FONT-SIZE:18PX;" ><input type= "Submit" value= "Send",
<input type= "reset" >
<input type= "hidden";
<option selected= "selected" > Banana </option>
<option> Cherry </option>
<textarea name= "comment" rows= "cols=" ></textarea>
</form>
Entity (entities)< equivalent to <
> Equivalent to >
© equal to ©
HTML Quick Check List