XHTML reference page
08-02-2015

XHTML reference page
HTML comment tags
<!-- comment -->
HTML document tag
<!DOCTYPE>
HTML link tags
<a href="url" alt="link">link</a>
HTML abbreviation tas
<abbr title="this is a abbreviation">abbreviation</abbr>
HTML address tags
<address> Written by <a href="mailto:[email protected]">Jon Smith</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address>
HTML area tags
<img src="planets.jpg" width="145" height="126" alt="Planets"usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map>
HTML bold text tags
<b>Bold Text</b>
HTML base tags
<head> <base href="http://aboredcoder.com/images/" target="_blank"> </head> <body> <img src="logo.png" width="24" height="39" alt="Logo"> <a href="https://aboredcoder.com">A Bored Coder</a> </body>
HTML bdo tags
<bdo dir="rtl"> This text will go right-to-left. </bdo>
HTML blockquote tags
<blockquote cite="https://en.wikipedia.org/wiki/HTML"> HTML or HyperText Markup Language is the standard markup language used to create web pages. It is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>). HTML tags most commonly come in pairs like <h1> and </h1>, although some tags represent empty elements and so are unpaired, for example <img>. The first tag in a pair is the start tag, and the second tag is the end tag (they are also called opening tags and closing tags). </blockquote>
HTML body tags
<html> <head> <title>Title of the page</title> </head> <body> The content of the page. </body> </html>
HTML line brake tags
This text contains<br>a line break.
HTML button tags
<button type="button" value="Click">
HTML caption tags
<table> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
HTML cite tags
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
HTML code tags
<code>A piece of computer code</code>
HTML col tags
<table> <colgroup> <col span="2" style="background-color:blue"> <col style="background-color:green"> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table>
HTML colgroup tags
<table> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table>
HTML dd tags
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
HTML del tags
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
HTML dfn tags
<p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p>
HTML div tags
<div style="color:#3d3d3d"> <h3>This is a heading</h3> <p>This is a paragraph.</p> </div>
HTML dt tags
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
HTML em tags
<em>Emphasized text</em>
HTML fieldset tags
<form> <fieldset> <legend>Personalia:</legend> Name: <input type="text"><br> Email: <input type="text"><br> Date of birth: <input type="text"> </fieldset> </form>
HTML form tags
<form action="demo_form.asp" method="get"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="Submit"> </form>
HTML heading tags
<h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6>
HTML head tags
<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document. </body> </html>
HTML hr tags
<h1>HTML</h1> <p>HTML is a language for describing web pages.</p> <hr> <h1>CSS</h1> <p>CSS defines how to display HTML elements.</p>
HTML html tags
<!DOCTYPE HTML> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
HTML i tags
<p>He named his car <i>The lightning</i>, because it was very fast.</p>
HTML iframe tags
<iframe src="http://aboredcoder.com"></iframe>
HTML img tags
<img src="/images/banner.png" alt="banner" height="100" width="300">
HTML input tags
<form action="login.php"> First name: <input type="text" name="name"><br> Password: <input type="password" name="pass"><br> <input type="submit" value="Submit"> </form>
HTML ins tags
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
HTML kbd tags
<kbd>Keyboard input</kbd>
HTML label tags
<form action="demo_form.asp"> <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="sex" id="female" value="female"><br> <input type="submit" value="Submit"> </form>
HTML legend tags
<form> <fieldset> <legend>Personalia:</legend> Name: <input type="text" size="30"><br> Email: <input type="text" size="30"><br> Date of birth: <input type="text" size="10"> </fieldset> </form>
HTML li tag
<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
HTML link tags
<link rel="stylesheet" type="text/css" href="theme.css">
HTML map tags
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map>
HTML menu tags
<menu type="context" id="mymenu"> <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png"> </menuitem> <menu label="Share on..."> <menuitem label="Twitter" icon="ico_twitter.png" onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);"> </menuitem> <menuitem label="Facebook" icon="ico_facebook.png" onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);"> </menuitem> </menu> <menuitem label="Email This Page" onclick="window.location='mailto:?body='+window.location.href;"></menuitem> </menu>
HTML meta tags
<head> <meta charset="UTF-8"> <meta name="description" content="A Bored Coder"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="A Bored Coder"> </head>
HTML no script tags
<script> document.write("Hello World!") </script> <noscript>Your browser does not support JavaScript!</noscript>
HTML object tags
<object width="400" height="400" data="helloworld.swf"></object>
HTML ol tags
<ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <ol start="50"> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>
HTML optgroup tags
<select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </optgroup> </select>
HTML option tags
<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select>
HTML paragraph tags
<p>This is some text in a paragraph.</p>
HTML param tags
<object data="horse.wav"> <param name="autoplay" value="true"> </object>
HTML pre tags
<pre> Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks </pre>
HTML q tags
<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q> We hope they succeed.</p>
HTML s tags
<p><s>My car is blue.</s></p> <p>My new car is silver.</p>
HTML Sample tags
<samp>Sample output from a computer program</samp>
HTML script tags
<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>
HTML select tags
<select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select>
HTML small tags
<p>aboredcoder.com - Random ramblings and tutorials from a bored coder.</p> <p><small>Copyright 2012-2050</small></p>
HTML span tags
<p>My mother has <span style="color:blue">blue</span> eyes.</p>
HTML strong tags
<strong>Strong text</strong>
HTML style tags
<html> <head> <style> h1 {color:red;} p {color:blue;} </style> </head> <body> <h1>A heading</h1> <p>A paragraph.</p> </body> </html>
HTML sub tags
<p>This text contains <sub>subscript</sub> text.</p>
HTML sup tags
<p>This text contains <sup>superscript</sup> text.</p>
HTML table tags
<table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
HTML tbody tags
<table> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> </table>
HTML td tags
<table> <tr> <td>Cell A</td> <td>Cell B</td> </tr> </table>
HTML textarea tags
<textarea rows="4" cols="50"> Random ramblings and tutorials from a bored coder. </textarea>
HTML tfoot tags
<table> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> </table>
HTML th tags
<table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
HTML thead tags
<table> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> </table>
HTML title tags
<html> <head> <title>HTML Reference</title> </head> <body> The content of the document. </body> </html>
HTML tr tags
<table> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
HTML u tags
<p>This is a <u>parragraph</u>.</p>
HTML ul tags
<ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
HTML var tags
<var>Variable</var>

Name:
*

Email:
*

Website:





Page generated in 0.0501 seconds.