Pa2sw0rd HTML Quick Lookup List
HTML cheat sheet. You can print it for daily use.
HTML basic document
<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
</head>
<body>
Visible Text...
</body>
</html>Basic Tags
<h1>Largest heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest heading</h6>
<p>This is a paragraph.</p>
<br> (line break)
<hr> (horizontal rule)
<!-- This is a comment -->Text Formatting
<b>bold text</b>
<code>computer code</code>
<em>emphasized text </em>
<i>italic text</i>
<kbd>keyboard input</kbd>
<pre>preformatted text</pre>
<small>smaller text</small>
<strong>important text </strong>
<abbr> (abbreviation)
<address> (contact information)
<bdo>(text direction)
<blockquote> (section quoted from another source)
<cite> (title of a work)
<del> (deleted text)
<ins> (inserted text)
<sub> (subscript text)
<sup> (superscript text)Links
Normal link: <a href="http://www.example.com/">Link text</a>
Image link: <a href="http://www.example.com/"><img src="URL" alt="Alternative text"></a>
Email link: <a href="mailto:[email protected]">Send e-mail</a>
Bookmark:
<a id="tips">tips</a>
<a href="#tips">Jump to tips section</a>Images
<img src="URL" alt="Alternative Text" height="42" width="42">Styles/Sections
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
<div>Block-level element in the document </div>
<span>Inline element in the document</span>Unordered list
<ul>
<li>Project</li>
<li>Project</li>
</ul>Ordered List
<ol>
<li>First item</li>
<li>Second item</li>
</ol>Definition List
<dl>
<dt>Project 1 </dt>
<dd>Description Project 1</dd>
<dt>Project 2</dt>
<dd>Description Project 2</dd>
</dl>Tables
<table border="1">
<tr>
<th>Table title</th>
<th>Table title</th>
</tr>
<tr>
<td>Table data </td>
<td>Table data </td>
</tr>
</table>Iframe
<iframe src="demo_iframe.htm"></iframe>Forms
<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<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="60" cols="20"></textarea>
</form>Entities
< Equivalent to <
> Equivalent to >
© Equivalent to ©The resources on this site come from the Internet and are used for learning and research by Internet enthusiasts. If your rights are accidentally infringed, please contact the webmaster in time to handle and delete them. Please understand!
IT Resource Hub » HTML Quick Lookup List
IT Resource Hub » HTML Quick Lookup List
