HTML
Cheatsheet
@coding_dev_
HTML Cheatsheet
Document Outline
<!DOCTYPE> version of (X) HTML
<html> HTML document
<head> Page information
<body> Page contents
Document Structure
<h[1-6]> Heading
<div> Page section
<span> Inline section
<p> Paragraph
<br> Line break
<hr> Horizontal rule
@coding_dev_
HTML Cheatsheet
Text Markup
<strong> Strong emphasis
<em> Emphasis
<blockquote> Long quotation
<a> Short quotation
<abbr> Abbrevation
<acronym> Acronym
<address> Address
<pre> Pre-formatted text
<dfn> Definition
<code> Code
<cite> Citation
<del> Deleted text
<inst> Inserted text
<sub> Subscript
<sup> Superscript
<bdo> Text direction
@coding_dev_
HTML Cheatsheet
Lists
<ol> Ordered list
<ul> Unordered list
<li> List item
<dl> Definition list
<dt> Definition term
<dd> Term description
Lists are used to display related information
in an easy-to-read and concise way as lists.
@coding_dev_
HTML Cheatsheet
Form Events
<form> Form
<fieldset> Collection of fields
<legend> Form legend
<input /> User Input
<select> Dropdown box
<optgroup> Group of options
<option> Dropdown options
<textarea> Large text input
<button> Button
Form is a section of the document that
collects input from the user. The input from
the user is generally sent to a server (Web
servers, Mail clients, etc)
@coding_dev_
HTML Cheatsheet
Tables
<table> Table
<caption> Caption
<thead> Table header
<tbody> Table body
<tfoot> Table footer
<colgroup> Column group
<col /> Column
<tr> Table row
<th> Header cell
<td> Table cell
Table tag (<table>) is used to represent data
in a structured way by creating a table
@coding_dev_
HTML Cheatsheet
Form Events
onBlur
onReset
onChange
onSelect
onFocus
onSubmit
onInvalid
onSearch
Events triggered by actions inside a HTML
form are called Form Events.
@coding_dev_
Thanks for Reading!
Follow @coding_dev_
for more