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.
By default, this web page is HTML only; meaning, it has no CSS styles attached to it. In other words, by default, this web page provides the visualization of user agent styles. To attach the Bootstrap v3.3.7 or 4.1.3 styles to this web page, use the following selectbox. Once attached, this web page provides the visualization of the selected Bootstrap styles.
Note: To visually compare user agent/Bootstrap styles side by side, open this web page (learnwebcoding.com) in multiple web browser tabs, select the user agent/Bootstrap styles to visualize for each tab, and press Ctrl + Tab to toggle between the tabs.
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.
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." />:
span
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: 06 Dec 2018 | Published: 27 Nov 2018 | Status: Active