This HTML quick reference guide is designed to provide basic references to commonly used HTML elements. As with all things technical, HTML changes with new releases and some of these items may be discontinued (eliminated) or deprecated (replaced) over time; however, many of these changes are purely academic.\u00a0<\/p>\n\n\n\n
Download a printable version of this HTML Quick Reference Guide<\/a><\/p>\n\n\n\n <html><\/strong> xxx <\/html><\/strong> Encloses the entire HTML Document *Note – any HTML element (Horizontal Rule, Image, etc.) that doesn’t have an open and a close requires the backslash before the closing carot (greater than).<\/p>\n <H1><\/strong> xxx <\/H1><\/strong> Headings 1 through 6 <P><\/strong> xxx <\/P><\/strong> A Plain paragraph <A><\/strong> xxx <\/A><\/strong> Creates a link or anchor<\/p>\n HREF<\/strong>=”xxx” The URL of the document _self<\/strong> = Same Frame <OL><\/strong> xxx <\/OL><\/strong> Ordered (Numbered) List <LI><\/strong> xxx <\/LI><\/strong> A List Item<\/p>\n Type<\/strong> = Formatting style <Table><\/strong> xxx <\/Table><\/strong> Creates a table<\/p>\n Border<\/strong>=”xxx” Size of border in pixels, 0 if not to be visible in the document <Caption> <\/strong>xxx\u00a0<\/Caption><\/strong> The caption for the table<\/p>\n ALIGN<\/strong>=”xxx” Horizontal alignment of caption<\/p>\n <TR><\/strong> xxx <\/TR><\/strong> A table row<\/p>\n ALIGN<\/strong>=”xxx” Horizontal alignment of cell contents <TH><\/strong> xxx <\/TH><\/strong> A Table Heading Cell<\/p>\n ALIGN<\/strong>=”xxx” Horizontal alignment of cell contents <TD><\/strong> xxx <\/TD><\/strong> Defines a table data cell<\/p>\n ALIGN<\/strong>=”xxx” Horizontal alignment of cell contents <IMG \/><\/strong> Insert an image into the document<\/p>\n SRC<\/strong>=”xxx” The URL or path of the image <font><\/strong> xxx <\/font><\/strong> Defines font attributes<\/p>\n Color<\/strong>=\u201dxxx\u201d Defines font color ©<\/strong> creates a copyright symbol – \u00a9<\/strong> <Span><\/strong> xxx <\/span><\/strong> Defines area to apply CSS<\/p>\n Style<\/strong>=\u201dxxx\u201d Allows for formatting of font and\u00a0positioning using CSS<\/p>\n <Div><\/strong> xxx <\/Div> Defines area to apply CSS<\/p>\n Style<\/strong>=\u201dxxx\u201d Allows for formatting of font and\u00a0positioning using CSS<\/p>\n","protected":false},"excerpt":{"rendered":" This HTML quick reference guide is designed to provide basic references to commonly used HTML elements. As with all things technical, HTML changes with new releases and some of these items may be discontinued (eliminated) or deprecated (replaced) over time; however, many of these changes are purely academic.\u00a0 Download a printable version of this HTML\u2026 Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":3811,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","iawp_total_views":4,"wds_primary_category":95,"footnotes":""},"categories":[95],"tags":[97],"class_list":{"0":"post-3808","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-development","8":"tag-html","9":"entry"},"featured_image_src":"https:\/\/purelysupp.com\/wordpress\/wp-content\/uploads\/sites\/2\/2017\/03\/html-quick-reference-guide-600x400.jpg","featured_image_src_square":"https:\/\/purelysupp.com\/wordpress\/wp-content\/uploads\/sites\/2\/2017\/03\/html-quick-reference-guide-600x403.jpg","author_info":{"display_name":"Jack Alltrade","author_link":"https:\/\/purelysupp.com\/wordpress\/author\/jacka11trade\/"},"_links":{"self":[{"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/posts\/3808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/comments?post=3808"}],"version-history":[{"count":2,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/posts\/3808\/revisions"}],"predecessor-version":[{"id":3810,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/posts\/3808\/revisions\/3810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/media\/3811"}],"wp:attachment":[{"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/media?parent=3808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/categories?post=3808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/tags?post=3808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}HTML Structure Tags\u00a0<\/h3>\n
<head><\/strong> xxx <\/head><\/strong> Encloses the head of the HTML Document
<body><\/strong> xxx <\/body><\/strong> Encloses the Body (Text and Tags) of the HTML Document
<!– xxx –><\/strong> Comment – only visible in HTML, used to identify sections of code or for keywords
<HR \/><\/strong> Horizontal Rule<\/p>\nHTML Headings\u00a0<\/h3>\n
<H2><\/strong> xxx <\/H2><\/strong>
<H3><\/strong> xxx <\/H3><\/strong>
<H4><\/strong> xxx <\/H4><\/strong>
<H5><\/strong> xxx <\/H5><\/strong>
<H6><\/strong> xxx <\/H6><\/strong><\/p>\nParagraphs and Sentence Formatting<\/h3>\n
<BR \/><\/strong> A line break
<BLOCKQUOTE><\/strong> xxx <\/BLOCKQUOTE><\/strong> Indent\/Quote<\/p>\nHyperlinks<\/h3>\n
NAME<\/strong>=”xxx” The name of the anchor
TARGET<\/strong>=”xxx” The action the browser is to take when opening a link; options are:<\/p>\n
_top<\/strong> = Whole Page
_blank<\/strong> = New Window
_parent<\/strong> = Parent Frame<\/p>\nLists and Outlines<\/h3>\n
<UL><\/strong> xxx <\/UL><\/strong> Unordered (Bulleted) List<\/p>\n
1<\/strong> = Arabic Numbers 1,2,3,\u2026
a<\/strong> = Lower Alpha a, b, c, \u2026
A<\/strong> = Upper Alpha A, B, C, \u2026
i<\/strong> = lower roman i, ii, iii, \u2026
I<\/strong> = upper roman I, II, III, \u2026<\/p>\nHTML Tables<\/h3>\n
ALIGN<\/strong>=”xxx” Position of table in the document
Width<\/strong>=”xxx” Width of the table in document determined by pixels or percentage
Height<\/strong>=”xxx” Height of table in document, determined by pixels or percentage<\/p>\n
VALIGN<\/strong>=”xxx” Vertical alignment of cell contents<\/p>\n
VALIGN<\/strong>=”xxx” Vertical alignment of cell contents
RowSpan<\/strong>=”xxx” Number of rows the cell crosses\/spans
ColSpan<\/strong>=”xxx” Number of columns the cell crosses\/spans
Nowrap<\/strong> Prevents contents of cell from wrapping<\/p>\n
VALIGN<\/strong>=”xxx” Vertical alignment of cell contents
RowSpan<\/strong>=”xxx” Number of rows the cell crosses\/spans
ColSpan<\/strong>=”xxx” Number of columns the cell crosses\/spans
Nowrap<\/strong> Prevents contents of cell from wrapping<\/p>\nImages<\/h3>\n
ALT<\/strong>=”xxx” Alternate text to display for browsers that can’t display images, or Accessibility enabled systems
ALIGN<\/strong>=”xxx” Position of image to surrounding text in the document
VSPACE<\/strong>=”xxx” Vertical space
HSPACE<\/strong>=”xxx” Horizontal Space
Border<\/strong>=”xxx” Border around the image
Ttitle<\/strong>=\u201dxxx\u201d Name of the image<\/p>\nCharacter Formatting\u00a0<\/h3>\n
Font Family<\/strong>=\u201d xxx\u201d Defines font family \/ type
size<\/strong>=\u201dxxx\u201d defines the size of the font
pt<\/strong> \u2013 defines size in standard point size
px<\/strong> \u2013 defines size in pixels 13
<EM><\/strong> xxx <\/EM><\/strong> Emphasis
<Strong><\/strong> xxx <\/Strong><\/strong> Stronger Emphasis
<B><\/strong> xxx <\/B><\/strong> Boldface Text
<I><\/strong> xxx <\/I><\/strong> Italic Text
<U><\/strong> xxx <\/U><\/strong> Underline
<strike><\/strong> xxx <\/strike><\/strong> Strikethrough
<sup><\/strong> xxx <\/sup><\/strong> Superscript
<sub><\/strong> xxx <\/sub><\/strong> Subscript<\/p>\nSpecial Characters\u00a0<\/h3>\n
®<\/strong> creates a registration mark symbol – \u00ae<\/strong>
™<\/strong> creates a trade mark symbol \u2013 TM<\/strong>
—<\/strong> creates the longer dash used in publishing \u2014<\/strong><\/p>\nCommon CSS Attributes\u00a0<\/h3>\n