• Skip to main content

Krome: Web Design Singapore | Web Design Company

  • About
  • Services
  • Projects
  • Blog
  • Contact

krome / March 10, 2017

HTML Cheatsheets for beginners

Simple guide to HTML cheatsheets for beginner for quick reference, a list of common HTML tags used to create website and emailer.

Basic HTML Structure

<html>
<head>
<title>website title</title>
</head>
<body>
content of website …
</body>
</html>

Tag
Meaning
Tag
Meaning
<a> hyperlink <hr> basic horizontal line
<abbr> abbreviation <html> html doc
<address> address element <i> italic
<area> area inside an image map <img> image
<article> article <input> input field within form
<b> bold text <li> list item
<bdo> direction of text display <link> resource reference
<blockquote> text block quote <map> image map
<body> body element <nav> navigation links
<br> single line break <object> embedded object
<button> push button <ol> ordered list
<canvas> define graphics <p> paragraph
<caption> table caption <script> script
<col> table columns <small> fineprint size text
<div> section in a document <source> media resources
<em> emphasized text <span> section document
<embed> external application or
interactive content
<strong> strong text
<front> font tag <sup> superscripted text
<form> specifies a form <table> table
<h1> heading level 1 <tbody> table body
<h2> heading level 2 <td> table cell
<h3> heading level 3 <th> header cell within table row
<h4> heading level 4 <tr> table row
<h5> heading level 5 <tt> typewriter text
<head> information about doc <ul> text with a non-textual annotation
<header> group of introductory or
navigational aids
<ul> unordered list
Special Characters
&lt; < – less- than symbol
&gt; > – greater – than symbol
&amp; & – ampersand, or ‘and’ sign
&quot; ” – quotation mark
&copy; © – copyright symbol
&trade; ™ – trademark symbol
&nbsp;   – a space
&# ? ?; ISO 8859-1 – replace ? ? with the iso code

At Krome, we specialise in website design and development services. If you or your client are interested in creating a site, it’s time to tell us about your project or have a chat about what we can do. You can contact us here.

Keep reading

Free Digital Visitor Log for SMEs affected by COVID 19

Best Websites of December 2019

Best Websites of November 2019

Best Websites of October 2019

Filed Under: Blog Tagged With: html, html cheatsheet

Copyright © 2025 · All rights reserved.