div
Element (Generic Flow/Block-Level Container)span
Element (Generic Phrasing/Inline Container)a
Element (Hyperlink)abbr
Element (Abbreviation)address
Element (Contact Information)article
Element (Self-Contained Syndicatable Or Reusable Composition)aside
Element (Sidebar For Tangentially Related Content)audio
Element (Audio Player)b
Element (Keywords)blockquote
Element (A Section Quoted From Another Source)button
Element (Button Control)button
Element With type="button"
Attribute (Button)button
Element With type="reset"
Attribute (Reset Button)button
Element With type="submit"
Attribute (Submit Button)canvas
Element (Scriptable Bitmap Canvas)caption
Element (Table Caption)cite
Element (Title Of A Work)code
Element (Computer Code)data
Element (Machine-Readable Equivalent)dd
Element (Content For Corresponding dt
Element(s))del
Element (A Removal From The Document)dfn
Element (Defining Instance)dl
Element (Association List Consisting Of Zero Or More Name-Value Groups), dt
Element (Legend For Corresponding dd
Element(s)), And dd
Element (Content For Corresponding dt
Element(s))dt
Element (Legend For Corresponding dd
Element(s))em
Element (Stress Emphasis)fieldset
Element (Group Of Form Controls) And legend
Element (Caption For fieldset
)figcaption
Element (Caption For figure
)figure
Element (Figure With Optional Caption) And figcaption
Element (Caption For figure
)footer
Element (Footer For A Page Or Section)form
Element (User-Submittable Form)h1
- h6
Elements (Section Heading)header
Element (Introductory Or Navigational Aids For A Page Or Section)i
Element (Alternate Voice)img
Element (Image)input
Element (Form Control)input
Element With type="button"
Attribute (Button)input
Element With type="checkbox"
Attribute (Checkbox)input
Element With type="file"
Attribute (File Upload)input
Element With type="radio"
Attribute (Radio Button)input
Element With type="reset"
Attribute (Reset Button)input
Element With type="search"
Attribute (Search)input
Element With type="submit"
Attribute (Submit Button)input
Element With type="text"
Attribute (Text)ins
Element (An Addition To The Document)kbd
Element (User Input)label
Element (Caption For A Form Control)legend
Element (Caption For fieldset
)main
Element (Main Content Of A Document)mark
Element (Highlight)nav
Element (Section With Navigational Links)noscript
Element (Fallback Content For Script)ol
Element (Ordered List), ul
Element (List), And li
Element (List Item)output
Element (Calculated Output Value)p
Element (Paragraph)pre
Element (Block Of Preformatted Text)q
Element (Quotation)s
Element (Inaccurate Text)samp
Element (Computer Output)script
Element (Embedded Script)section
Element (Generic Document Or Application Section)select
Element (List Box Control)small
Element (Side Comment)source
Element (Media Source For video
Or audio
Or As Image Source For picture
)strong
Element (Importance)style
Element (Embedded Styling Information)sub
Element (Subscript)sup
Element (Superscript)table
Element (Table), caption
Element (Table Caption), thead
Element (Group Of Heading Rows In A Table), tbody
Element (Group Of Rows In A Table), tfoot
Element (Group Of Footer Rows In A Table), tr
Element (Table Row), th
Element (Table Header Cell), And td
Element (Table Cell)tbody
Element (Group Of Rows In A Table)td
Element (Table Cell)template
Element (Template)textarea
Element (Multiline Text Field)tfoot
Element (Group Of Footer Rows In A Table)th
Element (Table Header Cell)thead
Element (Group Of Heading Rows In A Table)time
Element (Machine-Readable Equivalent Of Date- Or Time-Related Data)u
Element (Keywords)var
Element (Variable)video
Element (Video Player)User agents have a style sheet built into them whose styles: 1.) define and provide the structure types associated with HTML elements; 2.) are merged with author styles, if present, and user styles, if present, in styling content; and 3.) in the absence of author styles and user styles, are the only (i.e., default) styles applied to content; hence, the term, user agent default styles, which is frequently shortened to user agent styles.
Of all the valid properties for a given element, user agent styles assign only those required to impart a basic structure type upon an element. In this respect, it can be said that HTML is a web language in which a minimum of styles, defined and provided by user agents, crudely layout (i.e., structure) content, and CSS is a web language in which additional styles, defined and provided by authors and users, refine the layout/presentation (i.e., style) of content.
The W3C CSS2 Recommendation includes a Default style sheet for HTML 4 (w3.org) that user agent vendors are encouraged to implement. User agent vendors, however, are free to create their own user agent styles. User agent styles that differ significantly from the norm have a negative impact on cross-browser compatibility and are denounced by authors and users. Accordingly, the differences between user agent vendor user agent styles have gradually decreased over time.
Except where noted, each element is coded as <element>element</element>
. In addition, to visually determine if the user agent/Bootstrap styles an element as; 1.) a flow/block-level or phrasing/inline container, and 2.) with any margin and/or padding, each <element>element</element>
is preceded and followed by <div>div</div>
and <span>span</span>
, typically as:
<div>div</div>
<element>element</element>
<div>div</div>
<element>element</element>
<element>element</element>
<div>div</div>
<span>span</span>
<element>element</element>
<span>span</span>
Where possibly informative, different/additional examples of an element's usage are provided. In particular, references to the CSS e > f
child combinator selector indicate an f
element child of an e
element (i.e., <e><f></f></e>
). To see the source code, right click and select View Source, or right click on an element and select Inspect.
By default, this web page is HTML only; meaning, it has no CSS styles attached to it. Therefore, by default, this web page provides visualization of user agent styles. To visualize Bootstrap 3.3.7, 3.4.1, 4.0.0, 4.1.3, 4.2.1, 4.3.1, 4.4.1, or 4.5.2 styles, use the following selectbox:
Note: To visually compare user agent and Bootstrap styles side by side, open this web page (learnwebcoding.com) in multiple web browser tabs, select the user agent or Bootstrap styles to visualize for each tab, and press Ctrl + Tab to toggle between the tabs.
div
Element (Generic Flow/Block-Level Container)span
Element (Generic Phrasing/Inline Container)a
Element (Hyperlink)abbr
Element (Abbreviation)Note: The abbr
element coded as: <abbr title="abbreviation">abbr</abbr>
:
address
Element (Contact Information)article
Element (Self-Contained Syndicatable Or Reusable Composition)Note: The article
element was added in HTML5.
aside
Element (Sidebar For Tangentially Related Content)Note: The aside
element was added in HTML5.
audio
Element (Audio Player)Note: The audio
element was added in HTML5.
Note: The audio is 0m4s of music (courtesy of Microsoft).
Note: The audio
element coded as: <audio src="/images/visualize_user_agent_or_bootstrap_styles/Kalimba_0m4s.mp3" type="audio/mp3" controls="controls">Content displayed if web browser does not support HTML5 audio element.</audio>
:
Note: The audio
element coded as (no type
attribute): <audio src="/images/visualize_user_agent_or_bootstrap_styles/Kalimba_0m4s.mp3" controls="controls">Content displayed if web browser does not support HTML5 audio element.</audio>
:
Note: The audio
element coded as (no controls
attribute, which means nothing is displayed): <audio src="/images/visualize_user_agent_or_bootstrap_styles/Kalimba_0m4s.mp3" type="audio/mp3">Content displayed if web browser does not support HTML5 audio element.</audio>
:
Note: The audio
element coded as (with source
element having src
and type
attributes):
<audio controls="controls"> <source src="/images/visualize_user_agent_or_bootstrap_styles/Kalimba_0m4s.ogg" type="audio/ogg"> <source src="/images/visualize_user_agent_or_bootstrap_styles/Kalimba_0m4s.wav" type="audio/wav"> <source src="/images/visualize_user_agent_or_bootstrap_styles/Kalimba_0m4s.mp3" type="audio/mp3"> Content displayed if web browser does not support HTML5 audio element. </audio>
b
Element (Keywords)blockquote
Element (A Section Quoted From Another Source)blockquote
blockquote
blockquote
blockquotespan
button
Element (Button Control)Note: The button
element coded as: <button>button</button>
:
button
Element With type="button"
Attribute (Button)Note: The button
element with type="button"
attribute coded as: <button type="button">button</button>
:
button
Element With type="reset"
Attribute (Reset Button)Note: The button
element with type="reset"
attribute coded as: <button type="reset">button</button>
:
button
Element With type="submit"
Attribute (Submit Button)Note: The button
element with type="submit"
attribute coded as: <button type="submit">button</button>
:
canvas
Element (Scriptable Bitmap Canvas)caption
Element (Table Caption)Note: Also see table
Element (below).
cite
Element (Title Of A Work)code
Element (Computer Code)code
code
code
code
span
data
Element (Machine-Readable Equivalent)Note: The data
element coded as: <data value="">data</data>
:
dd
Element (Content For Corresponding dt
Element(s))Note: Also see dl
Element (below).
del
Element (A Removal From The Document)dfn
Element (Defining Instance)dl
Element (Association List Consisting Of Zero Or More Name-Value Groups), dt
Element (Legend For Corresponding dd
Element(s)), And dd
Element (Content For Corresponding dt
Element(s))Note: The association list coded as:
<dl> <dt>dl > dt</dt> <dd>dd</dd> <dt>dt</dt> <dd>dd</dd> <dt>dt</dt> <dd>dd</dd> </dl>
dt
Element (Legend For Corresponding dd
Element(s))Note: Also see dl
Element (above).
em
Element (Stress Emphasis)fieldset
Element (Group Of Form Controls) And legend
Element (Caption For fieldset
)Note: The fieldset
and legend
elements coded as: <fieldset><legend>fieldset > legend</legend></fieldset>
:
figcaption
Element (Caption For figure
)Note: The figcaption
element was added in HTML5.
Note: Also see figure
Element (below).
figure
Element (Figure With Optional Caption) And figcaption
Element (Caption For figure
)Note: The figure
and figcaption
elements were added in HTML5.
Note: The figure
and figcaption
elements coded as: <figure><figcaption>figure > figcaption</figcaption></figure>
:
footer
Element (Footer For A Page Or Section)Note: The footer
element was added in HTML5.
form
Element (User-Submittable Form)h1
- h6
Elements (Section Heading)header
Element (Introductory Or Navigational Aids For A Page Or Section)Note: The header
element was added in HTML5.
i
Element (Alternate Voice)img
Element (Image)Note: The img
element coded as: <img src="/images/lwc/image_100x100.gif" alt="100 by 100 pixel image." />
:
input
Element (Form Control)Note: The input
element coded as: <input />
:
input
Element With type="button"
Attribute (Button)Note: The input
element with type="button"
attribute coded as: <input type="button" value="value" />
:
input
Element With type="checkbox"
Attribute (Checkbox)Note: The input
element with type="checkbox"
attribute coded as: <input type="checkbox" />
:
input
Element With type="file"
Attribute (File Upload)Note: The input
element with type="file"
attribute coded as: <input type="file" />
:
input
Element With type="radio"
Attribute (Radio Button)Note: The input
element with type="radio"
attribute coded as: <input type="radio" />
:
input
Element With type="reset"
Attribute (Reset Button)Note: The input
element with type="reset"
attribute coded as: <input type="reset" />
:
input
Element With type="search"
Attribute (Search)Note: The input
element with type="search"
attribute coded as: <input type="search" />
:
input
Element With type="submit"
Attribute (Submit Button)Note: The input
element with type="submit"
attribute coded as: <input type="submit" />
:
input
Element With type="text"
Attribute (Text)Note: The input
element with type="text"
attribute coded as: <input type="text" />
:
ins
Element (An Addition To The Document)kbd
Element (User Input)label
Element (Caption For A Form Control)legend
Element (Caption For fieldset
)Note: Also see fieldset
Element (above).
main
Element (Main Content Of A Document)Note: The main
element was added in HTML5.
mark
Element (Highlight)Note: The mark
element was added in HTML5.
nav
Element (Section With Navigational Links)Note: The nav
element was added in HTML5.
noscript
Element (Fallback Content For Script)ol
Element (Ordered List), ul
Element (List), And li
Element (List Item)Note: The ordered list coded as:
<ol> <li>ol > li</li> <li>li</li> <li>li</li> </ol>
Note: The list coded as:
<ul> <li>ul > li</li> <li>li</li> <li>li</li> </ul>
output
Element (Calculated Output Value)Note: The output
element was added in HTML5.
p
Element (Paragraph)p
p
p
p
spanpre
Element (Block Of Preformatted Text)pre
pre
pre
prespan
q
Element (Quotation)q
q
q
qspan
s
Element (Inaccurate Text)samp
Element (Computer Output)script
Element (Embedded Script)section
Element (Generic Document Or Application Section)Note: The section
element was added in HTML5.
select
Element (List Box Control)Note: The select
element coded as: <select>select</select>
:
Note: The select
element coded as:
<select> <option>select > option one</option> <option>option two</option> <option>option three</option> </select>
small
Element (Side Comment)source
Element (Media Source For video
Or audio
Or As Image Source For picture
)Note: The source
element was added in HTML5.
Note: Also see audio
Element (above) and video
Element (below).
Note: The source
element coded as: <source src="/images/visualize_user_agent_or_bootstrap_styles/Wildlife_0m4s_256x144_x264.mp4" type="video/mp4">
:
strong
Element (Importance)style
Element (Embedded Styling Information)sub
Element (Subscript)sup
Element (Superscript)table
Element (Table), caption
Element (Table Caption), thead
Element (Group Of Heading Rows In A Table), tbody
Element (Group Of Rows In A Table), tfoot
Element (Group Of Footer Rows In A Table), tr
Element (Table Row), th
Element (Table Header Cell), And td
Element (Table Cell)Note: The table coded as:
<table> <caption>table > caption</caption> <thead> <tr> <th>thead > tr > th</th> <th>th</th> <th>th</th> </tr> </thead> <tbody> <tr> <td>tbody > tr > td</td> <td>td</td> <td>td</td> </tr> </tbody> <tfoot> <tr> <td>tfoot > tr > td</td> <td>td</td> <td>td</td> </tr> </tfoot> </table>
thead > tr > th | th | th |
---|---|---|
tbody > tr > td | td | td |
tfoot > tr > td | td | td |
thead > tr > th | th | th |
---|---|---|
tbody > tr > td | td | td |
tfoot > tr > td | td | td |
thead > tr > th | th | th |
---|---|---|
tbody > tr > td | td | td |
tfoot > tr > td | td | td |
thead > tr > th | th | th |
---|---|---|
tbody > tr > td | td | td |
tfoot > tr > td | td | td |
tbody
Element (Group Of Rows In A Table) Note: Also see table
Element (above).
td
Element (Table Cell) Note: Also see table
Element (above).
template
Element (Template)Note: The template
element was added in HTML5.
textarea
Element (Multiline Text Field)Note: The textarea
element coded as: <textarea>textarea</textarea>
:
tfoot
Element (Group Of Footer Rows In A Table) Note: Also see table
Element (above).
th
Element (Table Header Cell) Note: Also see table
Element (above).
thead
Element (Group Of Heading Rows In A Table) Note: Also see table
Element (above).
time
Element (Machine-Readable Equivalent Of Date- Or Time-Related Data)Note: The time
element was added in HTML5.
Note: The time
element coded as: <time>2018-12-31T23:59</time>
:
u
Element (Keywords)var
Element (Variable)video
Element (Video Player)Note: The video
element was added in HTML5.
Note: The video is 0m4s of horses and includes audio (courtesy of Microsoft).
Note: The video
element coded as: <video src="/images/visualize_user_agent_or_bootstrap_styles/Wildlife_0m4s_256x144_x264.mp4" type="video/mp4" width="256" height="144" controls="controls" poster="/images/visualize_user_agent_or_bootstrap_styles/poster_attribute_image_256x144.gif">Content displayed if web browser does not support HTML5 video element.</video>
:
Note: The video
element coded as (no type
, width
, and height
attributes): <video src="/images/visualize_user_agent_or_bootstrap_styles/Wildlife_0m4s_256x144_x264.mp4" controls="controls" poster="/images/visualize_user_agent_or_bootstrap_styles/poster_attribute_image_256x144.gif">Content displayed if web browser does not support HTML5 video element.</video>
:
Note: The video
element coded as (no poster
attribute): <video src="/images/visualize_user_agent_or_bootstrap_styles/Wildlife_0m4s_256x144_x264.mp4" type="video/mp4" width="256" height="144" controls="controls">Content displayed if web browser does not support HTML5 video element.</video>
:
Note: The video
element coded as (no attributes except src
):
<video src="/images/visualize_user_agent_or_bootstrap_styles/Wildlife_0m4s_256x144_x264.mp4">Content displayed if web browser does not support HTML5 video element.</video>
:
Note: The video
element coded as (with source
element having src
and type
attributes):
<video width="256" height="144" controls="controls" poster="/images/visualize_user_agent_or_bootstrap_styles/poster_attribute_image_256x144.gif"> <source src="/images/visualize_user_agent_or_bootstrap_styles/Wildlife_0m4s_256x144_libtheora.ogv" type="video/ogg"> <source src="/images/visualize_user_agent_or_bootstrap_styles/Wildlife_0m4s_256x144_VP8.webm" type="video/webm"> <source src="/images/visualize_user_agent_or_bootstrap_styles/Wildlife_0m4s_256x144_x264.mp4" type="video/mp4"> Content displayed if web browser does not support HTML5 video element. </video>
Last reviewed/updated: 19 Sep 2020 | Published: 27 Nov 2018 | Status: Active