HTML block level and inline elements

In general, HTML elements can be divided into two categories : block level and inline elements.

HTML block elements

1. HTML block level elements can appear in the body of an HTML page.

2. It can contain another block level as well as inline elements.

3. By default, block-level elements begin on new lines.

4. block level elements create larger structures (than inline elements).

List of block level elements

HTML inline elements

1. HTML inline level elements can appear in the body of an HTML page.

2. It can contain data and other inline elements.

3. By default, inline elements do not begin on new lines.

4. inline elements create shorter structures (than block level elements).

List of inline elements

Last update on April 14 2018 by the WWC.org
Special thanks to David Woods Production ( cheatsheet reference )
This Accordian Menu was designed as a quick reference cheatsheet verses a flat form cheatsheet - I hope you like it and use it often.

Basic HTML

Tags	Description
!DOCTYPE	Defines the document type
html	Defines an HTML document
head	Defines information about the document
title	Defines a title for the document
body	Defines the document's body
h1 - h6	Defines HTML headings
p	Defines a paragraph
br	Inserts a single line break
hr	Defines a thematic change in the content

Formatting

Tags	Description
abbr	Defines an abbreviation or an acronym
address	Defines contact information for the author/owner of a document/article
b	Defines bold text
bdi	solates a part of text that might be formatted in a different direction from other text outside it
bdo	Overrides the current text direction
big	Defines big text
blockqoute	Defines a section that is quoted from another source
center	Defines centered text
cite	Defines the title of a work
code	Defines a piece of computer code
del	Defines text that has been deleted from a document
dfn	Represents the defining instance of a term
em	Defines emphasized text
font	Defines font, color, and size for text
ins	Defines a text that has been inserted into a document
kdb	Defines keyboard input
mark	Defines marked/highlighted text
meter	Defines a scalar measurement within a known range (a gauge)
pre	Defines preformatted text
progress	Represents the progress of a task
q	Defines a short quotation
rp	Defines what to show in browsers that do not support ruby annotations
s	Defines text that is no longer correct
samp	Defines sample output from a computer program
small	Defines smaller text
strike	Defines strikethrough text
strong	Defines important text
sub	Defines subscripted text
sup	Defines superscripted text
U	Defines text that should be stylistically different from normal text
var	Defines a variable
wbr	Defines a possible line-break

Forms and Input

Tags	Description
form	Defines an HTML form for user input
input	Defines an input control
textarea	Defines a multiline input control (text area)
button	Defines a clickable button
select	Defines a drop-down list
optgroup	Defines a group of related options in a drop-down list
option	Defines an option in a drop-down list
label	Defines a label for an input element
fieldset	Groups related elements in a form
legend	Defines a caption for a fieldset element
datalist	Specifies a list of pre-defined options for input controls
output	Defines the result of a calculation

Frames

Tags	Description
frame	Defines a window (a frame) in a frameset
frameset	Defines a set of frames
noframes	Defines an alternate content for users that do not support frames
iframe	Defines an inline frame

Images

Tags	Description
img	Defines an image
map	Defines a client-side image-map
canvas	Used to draw graphics, on the fly, via scripting (usually JavaScript)
figcaption	Defines a caption for a figure element
figure	Specifies self-contained content
picture	Defines a container for multiple image resources

Audio / Video

audio	Defines sound content
source	Defines multiple media resources for media elements
track	Defines text tracks for media elements
video	Defines a video or movie

Links

Tags	Description
a	Defines a hyperlink
link	Defines the relationship between a document and an external resource (most used to link to style sheets)
nav	Defines navigation links

Lists

Tags	Description
ul	Defines an unordered list
ol	Defines an ordered list
li	Defines a list item
dl	Defines a description list
dt	Defines a term/name in a description list
dd	Defines a description of a term/name in a description list
menu	Defines a list/menu of commands
menuitem	Defines a command/menu item that the user can invoke from a popup menu

Tables

Tags	Description
Table	defines a table
caption	Defines a table caption
th	Defines a header cell in a table
tr	Defines a row in a table
td	Defines a cell in a table
thead	Groups the header content in a table
tbody	Groups the body content in a table
tfoot	Groups the footer content in a table
col	Specifies column properties for each column within a colgroup element
colgroup	Specifies a group of one or more columns in a table for formatting

Styles and Semantics

Tags	Description
style	Defines style information for a document
div	Defines a section in a document
span	Defines a section in a document
header	Defines a header for a document or section
footer	Defines a footer for a document or section
main	Specifies the main content of a document
section	Defines a section in a document
article	Defines an article
aside	Defines content aside from the page content
details	Defines additional details that the user can view or hide
dialog	Defines a dialog box or window
summary	Defines a visible heading for a details element
data	Links the given content with a machine-readable translation

Meta Info

Tags	Description
head	Defines information about the document
meta	Defines metadata about an HTML document
base	Specifies the base URL/target for all relative URLs in a document

Programming

Tags	Description
script	Defines a client-side script
noscript	Defines an alternate content for users that do not support client-side scripts
embed	Defines a container for an external (non-HTML) application
object	Defines an embedded object
param	Defines a parameter for an object

This is a professional copyrighted version ~ not for commercial solictationI have absolutely no affiliation with the company or any of their affiliations, and is solely reference material

Member ID106665
Member Type:Global
Date 11/26/2014
Robert Brown Farley
Username:brofarops

lesson:html