Skip to content

Learn HTML5 (Cheat Sheet)

  • by

For those who have never learned HTML5, this latest version might be quite confusing. Moreover, there are many new tags that you may not recognize. For this reason, below we provide a “cheat sheet” which contains a list of tags and their meanings. Happy listening!

Document Outline
<!DOCTYPE>HTML version
<html>HTML document
<head>Page metadata placeholder
<body>Page content
Comment
<!– –>Write comments in the code
Page Information
<base>Base URL
<meta>Metadata
<title>title
<link>Linking pages with outside sources
<style>Display an element
<script>Holds a script
Document Structure
<h[1-6]>Heading
<div>Page sections
<span>Specifies the color of a text
<p>Paragraph
<br>Line Break
<hr>Horizontal line to mark the boundary of a section
Link
<a href =””>Page links
<a href =”mailto”>Link email
<a href =”name”>Anchor
<a href =”#name”>Links to anchors
Text Markup
<strong>Make text bold
<em>Italicize text
<blockquote>Quotations from outside sources
<q>Short quote
<abbr>Abbreviation (Prof., Dr.)
<acronym>Abbreviations (HTML, JS)
<address>Address
<pre>Preformatted text
<dfn>Definition
<code>Code
<cite>Make text italic to mention the title of a work
<of>Outline text
<ins>Underline text
<sub>Subscript text
<sup>Superscript text
<bdo>Text direction (left-right or vice versa)
List
<ol>Ordered list
<ul>Unordered list
<li>Items a list
<dl>List of terms and their definitions
<dt>Defined terms
<dd>Definition of terms
Form
<form>Form
<fieldset>Unify multiple form fields in one category
<legend>Gives a title to a <fieldset>
<label>Create a checkbox-shaped list of options
<input>Create form fields
<select>Create drop-down lists
<optgroup>Makes bold text used to classify items in a drop-down box
<option>Creates items in a drop-down list
<textarea>Create form fields with unlimited capacity
<button>Knob
Table
<table>Table
<caption>Gives a title to a table
<thead>Table headers
<tbody>Table bodies
<tfoot>Table footers
<colgroup>Categorize one or more table columns
<col>Specifies the color of a column
<tr>Table row
<th>Cell header
<td>normal cell
Picture
<img>Picture
<map>Images with clickable sections
<area>Clickable image section
object
<object>Multimedia objects embedded on the page
<param>Parameters to control multimedia objects

HTML5 is an improvement over the previous version. HTML5 brings a variety of new features that meet the various needs of today’s websites. Among these are support for video and audio content, the ability to run JavaScript in the browser, and the ease with which you can create web applications.

Leave a Reply

Your email address will not be published. Required fields are marked *