HTML block-level elements and inline elements

2. Block elements generally start from the new line, which can accommodate inline elements and other block elements, and the common block element is the paragraph label ' P '. The block element of "form" is special, and it can only be used to accommodate other block elements.
6. If there is no CSS, the block elements are ordered to go down in a row each time. With CSS, we can change the default layout of this HTML and put the block elements where you want them. Instead of every stupid other line. It should be noted that table tags are also one of the block elements, table based layout and CSS based layout from the perspective of the general user (not including visually impaired, blind, etc.) of the two layouts, in addition to the page loading speed differences, there is no other difference. But if ordinary users inadvertently point to the page Source code button, the difference between the two is very large. Based on the concept of good reconstruction of CSS layout page source code, at the very least, can let no web development experience of ordinary users to quickly read the content. From this point of view, CSS layout code should have a better aesthetic experience.
10. You can think of the block element div as a box, or if you've played a clip, it's easier to understand. We first cut down the articles we need from various newspapers and magazines. Each cut is a block. Then we put the pieces of paper on a blank new piece of paper according to our own layout intent. This will create your own unique digest letters. As an extension of technology, Web page layout design also follows the same pattern.
14. Inline elements (inline element) are generally based on semantic level (semantic) basic elements. Inline elements can only hold text or other inline elements, common inline element "a".
18. Both the block element and the inline element are concepts in the HTML specification. The basic difference between a block element and an inline element is that the block element generally starts from the new row. When CSS control is added, this attribute difference between the block element and the inline element does not become a difference. For example, we can completely add an inline element cite to a property such as Display:block, so that he also has properties that start from the new line each time.
22. The basic concept of a mutable element is that he needs to determine whether the element is a block element or an inline element based on the context relationship. Mutable elements are also part of the above two categories of elements, and once the context determines his category, he follows the rules of block elements or inline elements. The approximate elements are categorized in full.
26. The Chinese term for inline element has a variety of inline elements, inline elements, in-line elements, and straight-forward elements. Basically there is no unified translation, love how to call it. In addition to the inline element, we think that the property of a display is display:inline, which fixes the famous IE double floating boundary problem.
30. Block element
34. * Address-addresses
36. * BLOCKQUOTE-Block reference
38. * Center-align Block
40. * DIR-List of directories
42. * Div-Common block-level easy, is also the main tag of CSS layout
44. * DL-Definition List
46. * Fieldset-form control Group
48. * Form-Interactive form
50. * H1-Big title
52. * H2-Subtitle
54. * H3-3 level Title
56. * H4-4 level Title
58. * H5-5 level Title
60. * H6-6 level Title
62. * HR-Horizontal divider Line
64. * Isindex-input Prompt
66. * menu-List of menus
68. * Noframes-frames Optional content, (for browsers that do not support frame, display this chunk content
70. * NoScript-Optional script content (this content is displayed for browsers that do not support script)
72. * Ol-Sort Form
74. * P-Paragraph
76. * Pre-formatted text
78. * Table-form
80. * ul-Non-sorted list
84. Inline elements (inline element)
88. * A-Anchor point
90. * ABBR-abbreviation
92. * Acronym-First word
94. * B-Bold (not recommended)
96. * Bdo-bidi Override
98. * Big-Large font
100. * BR-line break
102. * Cite-citation
104. * Code-computer code (required when referencing the source)
106. * DFN-Define Fields
108. * EM-emphasis
110. * Font-typeface settings (not recommended)
112. * I-Italic
114. * img-Images
116. * Input-Enter box
118. * KBD-Define keyboard text
120. * Label-table label
122. * Q-Short reference
124. * S-Medium dash (not recommended)
126. * Samp-Define sample computer code
128. * Select-Project selection
130. * Small-Small font text
132. * span-a common inline container that defines chunks within a text
134. * Strike-Medium dash
136. * Strong-Bold Emphasis
138. * Sub-subscript
140. * SUP-Superscript
142. * TEXTAREA-multi-line text input box
144. * TT-Telex text
146. * U-Underline
148. * var-Define Variables
152. Variable element
156. A mutable element is a block element or an inline element that determines whether the element is in context.
158. * Applet-java Applet
160. * Button-Buttons
162. * Del-delete text
164. * Iframe-inline Frame
166. * INS-Inserted text
168. * Map-image block (map)
170. * Object-object Object
172. * Script-client-side scripting

HTML block-level elements and inline elements