Tags

Tag Description
<!DOCTYPE>
<html>
<head
<title>
<bod>
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<p>
<br>
<hr>

<acronym>
<abbr>
<address>
<b> Defin
<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo> Overrides the current text direction
<big> Not supported in HTML5. Use CSS instead.
Defines big text
<blockquote> Defines a section that is quoted from another source

<center> Not supported in HTML5. Use CSS instead.
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> Not supported in HTML5. Use CSS instead.
Defines font, color, and size for text
<i> Defines a part of text in an alternate voice or mood
<ins> Defines a text that has been inserted into a document
<kbd> 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
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby> Defines a ruby annotation (for East Asian typography)
<s> Defines text that is no longer correct
<samp>Defines sample output from a computer program
<small> Defines smaller text
<strike>Not supported in HTML5. Use <del> or <s> instead.
Defines strikethrough text

<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<template> Defines a template
<time> Defines a date/time
<tt> Not supported in HTML5. Use CSS instead.
Defines teletype 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
Tag 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
Tag Description
<frame> Not supported in HTML5.
Defines a window (a frame) in a frameset
<frameset> Not supported in HTML5.
Defines a set of frames
<noframes> Not supported in HTML5.
Defines an alternate content for users that do not support frames
<iframe> Defines an inline frame
Images
Tag Description
<img> Defines an image
<map> Defines a client-side image-map
<area> Defines an area inside an 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
<svg> Defines a container for SVG graphics
Audio / Video
Tag Description
<audio> Defines sound content
<source> Defines multiple media resources for media elements (<video>, <audio> and <picture>)
<track> Defines text tracks for media elements (<video> and <audio>)
<video>Defines a video or movie
Links
Tag 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
Tag Description
<ul> Defines an unordered list
<ol> Defines an ordered list
<li> Defines a list item
<dir> Not supported in HTML5. Use <ul> instead.
Defines a directory list
<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
Tables
Tag 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
Tag 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
Tag 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
<basefont> Not supported in HTML5. Use CSS instead.
Specifies a default color, size, and font for all text in a document
Programming
Tag Description
<script>Defines a client-side script
<noscript> Defines an alternate content for users that do not support client-side scripts
<applet> Not supported in HTML5. Use <embed> or <object> instead.
Defines an embedded applet
<embed>
<objec><param>
<!–- -–> For commenting out sections of HTML or placing comments within HTML. Anything between  wont be rendered as text when the page loads in a web browser, but will still be visible if looking
at the plain 'ol HTML file in a text editor.
<!DOCTYPE html> Basically tells the browser what kind of document we're loading, in this case good 'ol
HTML. This guy likes to be the first element in the document, even before the opening <html> tag. This
page, for example, starts things off with <!DOCTYPE html>
<a> a for anchor, also known as a hyperlink, or simply a link. To make an actual link using the <a> tag, use
the href attribute: <a href="http://eastmanreference.com">Link</a>
<abbr> Abbr is an abbreviation for abbreviation. Use it with the title attribute to define abbreviations.
<abbr title="Cascading Style Sheets">CSS</abbr>. Safari 12.0 hovering the mouse over CSS brings up a
little tool tip generated by the abbreviation tag.
<address> Contact information for the author. Alternatively, this could be general contact information for
the website.
<area> Establishes areas in an image map. <area> is always used inside of <map>.
<article> The <article> tag is new in HTML5. This tag can be used to contain blog entries, forum posts,
etc.
<aside> New in HTML5. The <aside> element is for making sidebars that are placed next to the main
content.
<audio> New in HTML5. The <audio> tag can be used to place an audio stream within an HTML
document.
<b> For bolding or otherwise styling text without conveying any additional meaning such as with <em>
and <strong> and etc.
<base> Use to set a base URL.
<bdi> Short for bidirectional isolation. Useful for working with languages that use right to left text.
<bdo> Short for Bidirectional Override. Use this to override the current direction of text. Useful for
languages that use right to left text.
<blockquote> For quoting from an external source. Typically rendered as indented text.
<body> Establishes the body of an HTML document.
<br> Single line break. Think of br as short for break.
<button> Specifies button that can be clicked. Commonly used with forms.
<canvas> Used for rendering graphics on the fly, typically in conjunction with a scripting language.
<caption> Placed just after <table>, used for table caption.
<cite> For citing.
<code> For code examples. A little bit like <samp> and <kbd>, but specifically for code.
<col> Specify properties of a <col> within a <colgroup>
<colgroup> Essentially a group of columns.
<data> Used for script friendly data.
<datalist> New in HTML5. Specify predefined data for an <input>.
<dd> For description lists. Use with <dt> and <dl>.
<del> Mark text as deleted without actually deleting it. This will typically be rendered as a strikethrough.
<details> New in HTML5. Can be used for additional details which can be hidden or revealed.
<dfn> Use when first defining a term.
<dialog> Dialog box.
<div> A divider or a kind of generic container.
<dl> Description list. Use with <dd> and <dt>.
<dt> Description list. Use with and <dl>.
<em> Emphasis, which I believe often defaults to italics. For something stronger, use <strong>.
<embed> New in HTML5. A container for external content.
<fieldset> Group related items in a form.
<figure> Define self contained content such as photos or diagrams.
<footer> The footer of a document, below the main content.
<form> Forms for user input.
<h1> Level 1 heading, the headline or title of a page.
<h2> Level 2 heading, the subtitles of a page.
<h3> Level 3 heading.
<head> The head section. Used mostly for metadata.

<header> Not to be confused with <head>, <header> typically contains introductory content and layout
that goes above the body.
<hgroup> Used for grouping <h1>, <h2>, <h3>, etc., tags together. Useful for multilevel headings.
<hr> This can be used for separating text within a paragraph. Typically renders as a horizontal line
running across the page.
<html> The root level tag of an HTML document. All other HTML tags go inside the HTML tag.
<i> The <i> element has changed a little in HTML5. It can still make text italicized, and I think that is often
the default behavior, however, this depends on the stylesheet.
<iframe> Makes it possible to embed another page within a page. In HTML5 this is known as nested
browsing.
<img> For displaying images on a webpage. Example: <img src="image.png">
<input> Input is used with various attributes to create form input elements.
<ins> Useful for denoting text that has been added to an HTML file since the original version. Updates to
a blog post for example. This is typically rendered as underlined text, although this can really be
rendered just about any way you want with a stylesheet.
<kbd> Used for keyboard input. This is different from form element text input.
<keygen> Used for authentication with a security certificate.

<label> For assigning labels to interface elements such as forms.
<legend> Useful for making forms easier to understand.
<li> This represents a list item with an <ol> (ordered list) or <ul> (unordered list).
<link> Used for linking to external resources. Typically seen in <head> referring to an external style sheet.
Different from the <a> (anchor) tag.
<main> New to HTML5. These tags enclose the main content of an HTML document.
<map> Used when defining an image map.
<mark> This is essentially used for highlighting. Of course, whether or not highlighting is actually
involved depends on the involved stylesheet.
<menu> Used for creating various kinds of menus. This is new to HTML 5.1.
<menuitem> Specify actions that can be taken with a menu.
<meta> Used for specifying various meta information about the document. Meta tags are used within
the document <head>.
<meter> Used to represent a number when the minimum and maximum is known, for example 10%.
<nav> Used for specifying a navigational region within a document.

<noscript> For anyone using scripts within their pages, <noscript> is useful for specifying content that
should be rendered when scripting isn’t supported.
<object> For embedding objects within a document.
<ol> Ordered list (1. 2. 3.). Use with list item <li>.
<optgroup> For grouping objects.
<option> Used within the <select> tag to specify an option.
<output> Displays the output of an action, such as from a script or form.
<p> Paragraph. Enclose paragraphs in an article within <p> tags.
<param> Use when parameters need to be passed to an object embedded within the document.
<pre> For preformatted text. This can be useful for demonstrating code, especially if there are multiple
lines.
<progress> Display the progress of an action, such as with a script.
<q> Quote from some source.
<rb> For Ruby annotations.

<rp> Specify text to be displayed when Ruby annotations are not supported by the browser.
<rt> Text component of a Ruby annotation.
<rtc> Ruby Text Container.
<ruby> Also used for Ruby annotation.
<s> For marking up text that is not longer relevant, applicable, or accurate.
<samp> Sample output one might get from a particular computer program.
<script> Scripts inside of an HTML document are enclosed in the script tags.
<section> A nonspecific means of breaking up content within a webpage into sections.
<select> Used with <option> for selecting a particular option.
<small> Typically used for small print. Useful for comments within the main content.
<source> Used with <audio> and <video> for specifying media source.
<span> Useful for applying styles to or around text, especially inline.
<strong> The enclosed text is of strong importance.

<style> For declaring style sheets within a document.
<sub> For displaying subscript. Useful for math, especially in conjunction with <sup> (superscript).
<summary> Used in conjunction with the <details> tag for specifying a summary.
<sup> For displaying superscript. Useful for math, especially in conjunction with <sub> (subscript).
<table> For making tables in an HTML page.
<tbody> Groups table rows.
<td> Table data; this represents a data cell within a table.
<template> Declares HTML snippets that can be used later.
<textarea> For multi-line text entry.
<tfoot> Table footer.
<th> Table header cell.
<thead> Table header row.

<time> Specifies the date/time within a document.
<title> The title of an HTML document.
<tr> A row within a table.
<track> Used to specify text tracks with <audio> and <video>.
<u> Useful for annotating text for various reasons. No longer specifically for underlining, although you
can of course still do that with CSS.
<ul> Unordered list. Use with <li> (list item) to make unordered lists.
<var> Defines a variable within the content of an HTML page.
<video> For embedding video within an HTML page.
<wbr> The optional line wrap.
HTML5 (and/or the WHATWG HTML Living Standard).
!--...--
!DOCTYPE
a
abbr
address
area
article
aside
audio
base
bdi
bdo
blockquote
body
br
button
canvas
caption
cite
code
col
colgroup
data
datalist
dd
del
details
dfn
dialog
div
dl
dt
em
embed
fieldset
figcaption
figure
footer
form
h1
h2
h3
h4
h5
h6
head
header
hgroup
hr
html
i
iframe
img
input
ins
kbd
label
legend
li
link
main
map
mark
meta
meter
nav
noscript
object
ol
optgroup
option
output
param
pre
progress
q
rb
rp
rt
rtc
ruby
samp
script
section
select
small
source
span
strong
style
sub
summary
sup
table
tbody
td
template
textarea
tfoot
th
thead
time
title
tr
track
ul
var
video
wbr
HTML5 Tags that have been Removed From HTML5
These tags were once in HTML5 but have since been removed.
keygen
menu
menuitem
However, at the time of writing, the WHATWG Living Standard currently still includes the <menu>
element, but with slightly different specs.
HTML 4 Tags that are Obsolete in HTML5
The following tags are supported in HTML 4 but not HTML5. Therefore you should not use these if you
need to be HTML5 compliant.
acronym
applet
basefont
big
center
dir
font
frame
frameset
isindex
noframes
strike
tt
What Are HTML Tags?
HTML tags are the building blocks of HTML. They are used to define the HTML elements that should
appear on a web page. Without HTML tags, you wouldn't have an HTML page. Virtually every web page
contains HTML tags (even if the website also uses other programming languages).
See HTML elements for a full explanation of HTML tags and elements.
!--...--
!DOCTYPE
abbr
address
area
article
aside
audio
base
bdi
bdo
blockquote
body
br
button
canvas
caption
cite
code
col
colgroup
data
datalist
dd
del
details
dfn
dialog
div
dl
dt
em
embed
fieldset
figcaption
figure
footer
form
h1
h2
h3
h4
h5
h6
head
header
hgroup
hr
html
iframe
img
input
ins
kbd
label
legend
li
link
main
map
mark
meta
meter
nav
noscript
object
ol
optgroup
option
output
param
pre
progress
rb
rp
rt
rtc
ruby
samp
script
section
select
small
source
span
strong
style
sub
summary
sup
table
tbody
td
template
textarea
tfoot
th
thead
time
title
tr
track
ul
var
video
wbr
HTML5 Global Attributes
HTML5 Events

Tags

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Tags

Загружено:

Авторское право:

Доступные форматы

Tag Description

<bdo> Overrides the current text direction

<big> Not supported in HTML5. Use CSS instead.

Defines big text

<blockquote> Defines a section that is quoted from another source

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> Not supported in HTML5. Use CSS instead.

Defines font, color, and size for text

<i> Defines a part of text in an alternate voice or mood

<ins> Defines a text that has been inserted into a document

<kbd> 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

<rt> Defines an explanation/pronunciation of characters (for East Asian typography)

<ruby> Defines a ruby annotation (for East Asian typography)

<s> Defines text that is no longer correct

<samp>Defines sample output from a computer program

<small> Defines smaller text

<strike>Not supported in HTML5. Use <del> or <s> instead.

Defines strikethrough text

<sub> Defines subscripted text

<sup> Defines superscripted text

<template> Defines a template

<time> Defines a date/time

<tt> Not supported in HTML5. Use CSS instead.

Defines teletype text

<var> Defines a variable

<wbr> Defines a possible line-break

Forms and Input

<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

<frame> Not supported in HTML5.

Defines a window (a frame) in a frameset

<frameset> Not supported in HTML5.

Defines a set of frames

<noframes> Not supported in HTML5.

Defines an alternate content for users that do not support frames

<iframe> Defines an inline frame

<img> Defines an image

<map> Defines a client-side image-map

<area> Defines an area inside an image-map

<figcaption> Defines a caption for a <figure> element

<figure> Specifies self-contained content

<picture> Defines a container for multiple image resources

<svg> Defines a container for SVG graphics