Information Technology @ PaynesNotebook.net




HTML

Note Example Result
Structure <html>
<head>Head</head>
<body>Body</body>
</html>
 
Heading <h1>Heading 1</h1>
<h6>Heading 6</h6>

Heading 1

Heading 6
Paragraph <p>Paragraph</p>

Paragraph

Anchor and Hyperlink Reference <a href="http://paynesnotebook.net"> Paynesnotebook.net </a>

<a href="http://paynesnotebook.net" target="_blank"> New Tab </a>
Paynesnotebook.net

Open in a new tab
Image <img src="image.png" width="100" height="100" />  
Line Break <br />  
Horizontal Line <hr />
Comment <!-- Comment -->  
Bold Text <b>Bold Text</b> Bold Text
Italic Text <i>Italic Text</i> Italic Text
Big Text <big>Big Text</big> Big Text
Emphasized Text <em>Emphasized Text</em> Emphasized Text
Small Text <small>Small Text</small> Small Text
Strong Text <strong>Strong Text</strong> Strong Text
Subscript Text Text<sub>Subscript</sub> TextSubscript
Superscript Text Text<sup>Superscript</sub> TextSuperscript
Inserted Text <ins>Insert Text</ins> Insert Text
Deleted Text <del>Deleted Text</del> Deleted Text
Code <code>Code</code> Code
Keyboard Text <kbd>Keyboard Text</kbd> Keyboard Text
Sample Text <samp>Sample Text</samp> Sample Text
Variable <var>Variable</var> Variable
Preformatted Text <pre>Preformatted Text</pre>
Preformatted Text
Abbreviation <abbr>Abbreviation</abbr> Abbrevation
Address <address>Address</address>
Address
Block Quote <blockquote>Block Quote</blockquote>
Blockquote
Quotation <q>Quotation</q> Quotation
Citation <cite>Citation</cite> Citation
Definition <dfn>Definition</dfn> Definition
Map <img src="image.png" alt="Photo" width="100px" height="50px" usemap="map"/>

<map id="map">
<area shape="rect" coords="0,0,10,10" href="test.html" alt="test" />
</map>
 

Table

<table>
<caption>Caption</caption>
<tr>
<th>Table Head</th>
</tr>
<tr>
<td>Table Data</td>
</tr>
</table>
Caption
Table Head
Table Data

List

<ul>
<li>List Item</li>
</ul>

<ol>
<li>List Item</li>
</ol>

<dl>
<dt>Definition Term</dt>
<dd>Definition Description</dd>
</dl>
  • List Item
  1. List Item
Definition Term
Definition Description

Form

<form action="" method="post">
<fieldset>
<legend>Form Test</legend>

text<input type="text" name="text0" size="20" /><br /><br />

password<input type="password" name="password1" /><br />

radio
<input type=&qu<input type="radio" name="radio0" value="r1" />1<br /><br />

checkbox
<input type="checkbox" name="checkA" value="a" />a
<input type="checkbox" name="checkB" value="b" />b
<br /><br />

select
<select name="School">
<option value="UW">UW</option>
<option value="UT" selected="selected">UT</option>
</select>
<br /><br />

button
<input type="button" value="BUTTON" /><br /><br />

submit
<input type="submit" value="SUBMIT" />

</fieldset>
</form>
Form Test text

password

radio 0 1

checkbox a b

select

button

submit
textarea <textarea rows="2" cols="20">
textarea
</textarea>