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= "checkbox" checked= "Checked" >
<input type= "Radio" checked= "checked" >
<input type= "Submit" value= "Send" >
<input type= "Reset" >
<input type= "hidden" >
<select>
<option> Apple </option>
<option selected= "selected" > Banana </option>
<option> Cherry </option>
</select>
<textarea name= "comment" rows= "cols=" ></textarea>
</form>
Entity (entities)
< Equivalent to <
> Equivalent to >
& #169; Equal to?
Web Base 2