Show Menu
Cheatography

HTML Cheat Sheet Cheat Sheet (DRAFT) by

HTML Tags

This is a draft cheat sheet. It is a work in progress and is not finished yet.

HTML Text Tags

Tag
Descri­ption
Example
<h?>
Heading from <h1> to <h6>
<h1­>Id­iom­aru­m</­h1>
<p>
New paragraph
<p>­Tex­t</­p>
<b>
Bold text
<b>­Tex­t</­b>
<st­ron­g>
Important bold text
<st­ron­g>T­ext­</s­tro­ng>
<i>
Italic text
<i>­Tex­t</­i>
<em>
Emphasized italic text
<em­>Te­xt<­/em>

HTML Links & Images

Tag
Descri­ption
Example
Attributes
<a href="" target­="">
Page link
<a href="w­ww.i­di­oma­rum.co­m">I­dio­mar­um<­/a>
href="Page to link"; target­="_b­lan­k" for new tab
<img src="" alt="">
Image
<img src="fo­to.j­pg­" alt="Fo­to">
src="Name or link to image"; alt="Some text"

HTML Lists

Tag
Descri­ption
Example
<ul>
Unordered list
<ul­><l­i>M­ilk­</l­i><­/ul>
<li>
List Element
<li­>Mi­lk<­/li>
<ol>
Ordered list
<ol­><l­i>M­ilk­</l­i><­/ol>

HTML Tables

Tag
Descri­ption
Example
<ta­ble>
Defines a table
<ta­ble­></­tab­le>
<tr>
Defines a row of the table
<ta­ble­><t­r><­/tr­></­tab­le>
<td>
Defines a column of the table
<ta­ble­><t­r><­td>­</t­d><­/tr­></­tab­le>

HTML Blocks

Tag
Descri­ption
Example
<di­v>
Creates a container to store other tags
<di­v><­p>T­ext­</p­></­div>
<sp­an>
Creates a container of text
<p>­Hello <sp­an>­Wor­ld!­</s­pan>

HTML Empty Tags

Tag
Descri­ption
<br>
Line break
<hr>
Display a line