HTML Basic Tutorial

HTML Media

HTML Reference Manual

HTML5 Basic Tutorial

HTML5 API

HTML5 Media

HTML Video (Video) Playback HTML URLs

HTML Quick Reference List

HTML Quick Reference List. You can bookmark it locally or print it out for easy memorization and daily use.

Basic HTML Document

<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>/title>
</head>
<body>
Visible Text...
</body>
</html>

Basic Tags (Basic Tags)

<h1>Largest Heading</h1>
<h2>　.　.　.　</h2>
<h3>　.　.　.　</h3>
<h4>　.　.　.　</h4>
<h5>　.　.　.　</h5>
<h6>Smallest Heading</h6>
　
<p>This is a paragraph.</p>/p>
<br>　(New Line)
<hr>　(Horizontal Line)
<!--　This is a comment　-->

Text Formatting (Formatting)

<b>Bold Text</b>/b>
<code>Computer Code</code>/code>
<em>Emphasized Text</em>/em>
<i>Italic Text</i>/i>
<kbd>Keyboard Input</kbd>/kbd>　
<pre>Formatted Text</pre>/pre>
<small>Smaller Text</small>/small>
<strong>Important Text</strong>/strong>
　
<abbr>　(Abbreviation)</abbr>
<address>　(Contact Information)</address>
<bdo>　(Text Direction)</bdo>
<blockquote>　(Quoted Text from Another Source)</blockquote>
<cite>　(Work Title)</cite>
<del>　(Deleted Text)</del>
<ins>　(Inserted Text)</ins>
<sub>　(Lower Index Text)</sub>
<sup>　(Upper Index Text)</sup>

Links (Links)

Normal Link: <a href="http://www.example.com/">Link Text</a>/a>
Image Link: <a href="http://www.example.com/><img src="URL" alt="Replacement Text"></a>
Email Link: <a href="mailto:[email protected]">Send Email</a>-mail/a>
Bookmark:
<a id="tips">Tips Section</a>/a>
<a href="#tips">Jump to Tips Section</a>/a>

Images

<img　src="URL"　alt="replacement text"　height="42"　width="42">

Styles/Block (Styles/Sections）

<style　type="text/css">
h1　{color:yellow;}
div{background:#f9f9f9;}
p　{color:green;}
</style>
<h1>H1Web page title</h1>
<div>Block-level elements in the document</div>
<p>Inline elements in the document</p>

Unordered list

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

Ordered list

<ol>
　　　　<li>First item</li>
　　　　<li>Second item</li>
</ol>

Definition list

<dl>
　　<dt>Item　1</dt>
　　　　<dd>Description item　1</dd>
　　<dt>Item　2</dt>
　　　　<dd>Description item　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>javascript basic tutorial</option>
<option　selected="selected">html basic tutorial</option>
<option>css basic tutorial</option>
</select>
<textarea　name="comment"　rows="60"　cols="20"></textarea>
　
</form>

Entities (Entities)

< Equivalent to <
> Equivalent to >
© Equivalent to ©

HTML Video (Video) Playback HTML URLs