The difference between a block element and an inline element in HTML

First, the definition

Block elements generally start from the new row, which can accommodate inline elements and other block elements, setting height, width, margins, and so on.

Inline elements are generally based on semantic-level elements, which can only hold text or other inline elements, with the main feature being that the height, width, and margin cannot be changed on the same line as other elements.

Second, classification

Block element

* Address-addresses

* BLOCKQUOTE-Block reference

* Center-align Block

* DIR-List of directories

* Div-Common block-level easy, is also the main tag of CSS layout

* DL-Definition List

* Fieldset-form control Group

* Form-Interactive form

* H1-Big title

* H2-Subtitle

* H3-3 level Title

* H4-4 level Title

* H5-5 level Title

* H6-6 level Title

* HR-Horizontal divider Line

* Isindex-input Prompt

* menu-List of menus

* Noframes-frames Optional content, (for browsers that do not support frame, display this chunk content

* NoScript-Optional script content (this content is displayed for browsers that do not support script)

* Ol-Sort Form

* P-Paragraph

* Pre-formatted text

* Table-form

* ul-Non-sorted list

Inline elements (inline element)

* A-Anchor point

* ABBR-abbreviation

* Acronym-First word

* B-Bold (not recommended)

* Bdo-bidi Override

* Big-Large font

* BR-line break

* Cite-citation

* Code-computer code (required when referencing the source)

* DFN-Define Fields

* EM-emphasis

* Font-typeface settings (not recommended)

* I-Italic

* img-Images

* Input-Enter box

* KBD-Define keyboard text

* Label-table label

* Q-Short reference

* S-Medium dash (not recommended)

* Samp-Define sample computer code

* Select-Project selection

* Small-Small font text

* span-a common inline container that defines chunks within a text

* Strike-Medium dash

* Strong-Bold Emphasis

* Sub-subscript

* SUP-Superscript

* TEXTAREA-multi-line text input box

* TT-Telex text

* U-Underline

* var-Define Variables

Variable element

A mutable element is a block element or an inline element that determines whether the element is in context.

* Applet-java Applet

* Button-Buttons

* Del-delete text

* Iframe-inline Frame

* INS-Inserted text

* Map-image block (map)

* Object-object Object

* Script-client-side scripting

The difference between a block element and an inline element in HTML