HTML Cheat List

HTML Cheat Sheet. You can print it for everyday use. Having a proper cheat sheet will make your life a ton of easier. In this tutorial, we will go over commonly used HTML tags, elements, and attributes


HTML Basic Documentation

< ! DOCTYPE html >
< html >
< head >
< title > document title </ title > </ head > < body > 
visible text...
 </ body > </ html > 

HTML Basic Tags

<h1>Maximum Heading</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>Minimumheading</h6>
<p>This is a paragraph.</p>
<br>(linebreak)


<!--this is a comment-->

HTML Formatting

<b>bold text</b>
<code>computer code</code>
<em>empha sized text</em>
<i>italic text</i>
<kbd>keyboard input</kbd>
<pre>preformatted text</pre>
<small>smaller text</small>
<strong>important text</strong>

HTML Links

Normal link:<a href="http://www.example.com/">link text</a>
Image link:<a href="http://www.example.com/"><img src="URL"alt="Alt Text"></a>
Mail Link:<a href="mailto:[email protected]">Sende-mail</a>
bookmarks:
<aid="tips">Tips Section</a><a href="#tips">skip to Tips Section</a>

HTML Images

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

HTML Styles/Sections

<style type="text/css">
h1{color:red;}
p {
color: blue
;}
</style>
<div>block-level element in document</div><span>inline element in document</span>

HTML Unordered list

<ul><li>Apple</li><li>Banana</li></ul>

HTML Ordered List

<ol><li>Name:</li><li>Place:</li></ol>

HTML Definition List

<dl><dt>item1</dt><dd>describe item1</dd><dt>item2</dt><dd>describe item2</dd></dl>

HTML 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>

Frame (Iframe)

< iframe src = " home.htm " > </ iframe > 

Forms

<form action="form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password"><input type="checkbox" checked">


<option selected="selected">Books</option><option>Pens</option></select><textarea name="comment" rows="60" cols="20"></textarea></form>

Entities

<equivalent to < 
& gt ; equivalent to > 
© equivalent to ©