HTML Quick check list
HTML Quick check list. You can print it for daily use.
HTML basic documentation
<!DOCTYPE html>
<html>
<head>
<title>document title</title>
</head>
<body>
visible text...
</body>
</html>
Text formatting
<b>Bold Text</b>
<code>Computer code</code>
<em>Emphasize Text</em>
<i> Italic text</i>
<kbd>keyboard input</kbd>
<pre>Preformatted Text</pre>
<small>Smaller Text</small>
Important Text
Abbreviation
<address>(contact information)
<bdo>(Text direction)
<blockquote>(a section referenced from another source)
<cite>(Name of job)
<del>(deleted text)
<ins>(inserted text)
<sub>(subscript text)
<sup>(superscript text)
Link (Links)
Regular links：<a href="http://www.example.com/">Link Text</a>
image link： <a href="http://www.example.com/"><img decoding="async" src="URL" alt="replace text"></a>
Email link： <a href="mailto:webmaster@example.com">Send email</a>
bookmark：
<a id="tips">Reminder section</a>
<a href="#tips">Jump to the prompt section</a>
Images
<imgloading="lazy"src="URL"alt="replace text"height="42"width="42">
Style / Block
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
<div>Block level elements in documents</div>
<span>Inline elements in documents</span>
Unordered list
<ul><li>project</li><li>project</li></ul>
Ordered list
<ol><li>Item 1</li><li>Item 2</li></ol>
Definition list
<dl><dt>Item 1</dt><dd>Describe the project 1</dd><dt>Item 2</dt><dd>Describe the project
2</dd></dl>
Tables
<tableborder="1"><tr><th>Table Title</th><th>Table Title</th></tr><tr><td>Table Data</td><td>Table Data</td></tr></table>
Iframe
<iframesrc="demo_iframe.htm"></iframe>
Forms
<formaction="demo_form.php"method="post/get"><inputtype=
"text"name="email"size="40"maxlength="50"><inputtype="password">
<inputtype="checkbox"checked="checked"><inputtype="radio"checked=
"checked"><inputtype="submit"value="Send"><inputtype="reset">
<inputtype="hidden"><select><option>apple</option><optionselected=
"selected">banana</option><option>cherry</option></select><textareaname=
"comment"rows="60"cols="20"></textarea></form>
Entities
<equivalent to<> equivalent to>© equivalent to ©