HTML block-level elements and row-level elements

1, block-level element row-level elements?
Block-level element features:
① always start on a new line;
② height, row height, margin and inner margin can be controlled;
The ③ width defaults to 100% of its container, unless a width is set;
④ it can accommodate inline elements and other block elements.

Features of inline (inline) elements:
① and other elements are on one line;
The ② is high, the row height and the margin and the inner margin cannot be changed;
The width of the ③ is the width of its text or picture and cannot be changed;
④ inline elements can only hold text or other inline elements.

2, block-level elements: block-level is mostly structural marks

============= often have =============

<address>...</adderss>

<center>...</center> Address Text

<p>...</p> Paragraph

<pre>...</pre> Pre-formatting

<blockquote>...</blockquote> 5 characters before and after a paragraph indent

<marquee>...</marquee> scrolling Text

<ul>...</ul> unordered List

<ol>...</ol> ordered list

<dl>...</dl> definition List

<table>...</table> Forms

<form>...</form> Forms

<div>...</div>

Expand:

Div: Document Section
Section: Document Sections
Nav: Navigation
Header: Headers
Article: Article
Aside: article sidebar
Footer: Footer
Details: Elements of detail
Summary:details element-Visible Caption
Dialog: Dialog Box window
H1,h2,h3,h4,h5,h6: Title
P: Paragraph
UL: Unordered list
OL: Ordered list
Dir: Directory list
Li: Project
DL: List
DT: List item
DD: Item Description
Menu: Menus for commands, list
MenuItem: Menu item
Command: Commands button
Form: Forms
FieldSet: Border around elements (can be used to group elements within a form)
Legend: Title on the border
Select: Selection list (inline element)
Optgroup: Combine selection list options
Option: SELECT list option (also available as DataList option)
DataList: Drop-down list (ID to bind to the List property value in input)
Table: Tables
Caption: Table title
THEAD: Combination header content (TH)
TBODY: Composite body content (TD)
TFOOT: Combining the note content (TD)
TR: Table row
Th: Table header cell
TD: Table cell
Col: Table column properties; (Empty label)
Colgroup: Table formatted column group;
IFrame: Inline frame
Figure: Media Content grouping
Figcaption:figure Title
Map: Image map
Area: Image Region
Canvas: Graphics container (script to draw graphics)
Video: Videos
Source: Media Sources
Track: Text Tracks
Audio: Audio content
BR: Line Break (empty label)
HR: Horizontal Split Line (empty label)
Pre: Rich Text
BLOCKQUOTE: Block Reference
Address: Document Contact information
Center: Center text (not in favor of use)
Spacer: Inserting space in horizontal and vertical direction (empty Element)

3, row-level (inline) elements: Most of the lines are descriptive tags

============= often have =============

<span>...</span>

<a>...</a> Links

<br> line break

<b>...</b> Bold

<strong>...</strong> Bold

Photos of

^... superscript

_... subscript

<i>...</i> Italic

<em>...</em> Italic

<del>...</del> Delete Lines

<u>...</u> Underline

<input>...</input> text Box

<textarea>...</textarea> Multi-line text

<select>...</select> drop-down list

Expand:
Span: Inline container
ABBR: Abbreviation
EM: Emphasize
Strong: Bold Emphasis
Mark: Highlighted text
B: Bold
I: Italic
BDI: Text Direction
BDO: Text Direction
Big: Large Font
Small: Small font
SUP: Superscript
Sub: subscript
Del: Deleted text
Strike: Strikethrough
S: Strikethrough
Ins: Inserted text
U: Underline
nobr: No Line break
WBR: Word Wrapping time (empty label)
TT: Typewriter text
KBD: Keyboard text
Time: Dates/times
Cite: Reference
Q: Short reference ("")
Fonts: Font settings (not commonly used)
Acronym: abbreviation (HTML5 not supported)
DFN: Fields (not commonly used)
A: Anchor point
IMG: Pictures
Embed: inline (empty tag)
Label:input tag (click Text Trigger Control)
Input: Enter box
Button: Buttons
Keygen: Generate secret Key (empty label)
TEXTAREA: Multi-line text input box
Output: Results
Ruby: Chinese phonetic notation
RT: Phonetic
RP: Browser does not support content displayed by Ruby elements
Progress: Progress bar
Meter: Measure
var: defining variables
Code: Computer-coded text
SAMP: Computer code sample
Select: Drop-down list

Original Digest from: 52524132

HTML block-level elements and row-level elements