Differences between block-level elements and intra-row Elements

Differences between block-level elements and intra-row Elements

Features of block elements:
1. Always start on a new line;
2. The height, row height, and top and bottom margins can be controlled;
3. The default width is 100% of its container unless a width is set.

Inline features:
1. and other elements are on one row;
2. High: The Row Height and top and bottom margins cannot be changed;
3. The width of a text or image cannot be changed.

Details of the block and inline types of html tags:
Block element)
◎ Address-address
◎ Blockquote-block reference
◎ Center-align Blocks
◎ Dir-directory list
◎ Div-common block levels are easy, and it is also the main tag of css layout
◎ Dl-definition list
◎ Fieldset-form Control Group
◎ Form-interactive form
◎ H1-title
◎ H2-subtitle
◎ H3-Level 3 title
◎ H4-4 level title
◎ H5-Level 5 Title
◎ H6-6 level title
◎ Hr-horizontal Separator
◎ Isindex-input prompt
◎ Menu-menu list
◎ Optional content of noframes-frames (content in this block is displayed in browsers that do not support frame
◎ Noscript-optional script content (this content is displayed in browsers that do not support scripts)
◎ Ol-sorting form
◎ P-paragraph
◎ Pre-format text
◎ Table-table
◎ Ul-non-sorted list

Inline element)
◎ A-anchor ◎ abbr-abbreviation
◎ Acronym-First word
◎ B-bold (not recommended)
◎ Bdo-bidi override
◎ Big-large font
◎ Br-line feed
◎ Cite-Reference
◎ Code-computer code (required when source code is referenced)
◎ Dfn-define a field
◎ Em-emphasis
◎ Font-font setting (not recommended)
◎ I-italic
◎ Img-Image
◎ Input-input box
◎ Kbd-define keyboard text
◎ Label-Table label
◎ Q-short reference
◎ S-hyphen (not recommended)
◎ Samp-Define sample computer code
◎ Select-select a project
◎ Small-small font text
◎ Span-commonly used inline containers, defining text blocks
◎ Strike-dashes
◎ Strong-highlighted in bold
◎ Sub-subscript
◎ Sup-superscript
◎ Textarea-multi-line text input box
◎ Tt-telex text
◎ U-underline
◎ Var-define variables