Block elements: Each block element occupies its own line. When n block elements occur, the n rows are accounted for.
1 Address-2 BLOCKQUOTE-block reference 3 Center-Center to aligning 4 DIR-directory list 5 Div-Common block-level container, also the main label of CSS layout 6 DL-definition list 7 Fieldset-form control Group 8 form-Interactive form 9 H1-Big title-h2-Subtitle One H3-3 level title H4-4 level title H5-5 level title H6-6 level title HR-Horizontal Divider isindex-input Prompt Noframes-frames Optional content (this chunk content is displayed for browsers that do not support frame). menu-List of menus NoScript-Optional script content (this content is displayed for browsers that do not support script) ol-Sort Form P-paragraph of the pre-formatted text Table-ul-Non-sorted list (unordered table)
Inline element: When n inline elements are present, n inline elements occupy one row when the length of the n inline elements is added less than the length of a line.
1 A – Anchor point 2 abbr– abbreviation 3 acronym– First word 4 B – bold (not recommended) 5 Bdo–bidi override 6 big– Large font 7 br– wrap 8 cite– Reference 9 var– Define variable dfn– define field one by one em– emphasis on font– font settings (not recommended) I – Italic img– picturesinput– Input Boxkbd– defining keyboard text label– Table LabelQ – Short quoteS-underlined (not recommended)samp– Defining sample computer code select– Project Selectionsmall– Small Font textspan– defines a chunk within a textstrike– in Underline strong– Bold Emphasissub– Subscriptsup– Superscripttextarea– Multi-line text input box tt– Telex Textu underlinecode– Computer code (required when referencing source)
transformations of inline elements and block elements:inline element → block element:
(display:inline;)block element → Inline element:
(display:block;)Reference: Http://baike.baidu.com/link?url=whdcA2DeVG2xPj-VCIztG0sQxfZ1d2Bh_WFLI6eBngREteZ8m7rjoyt-ZUR9shJC_v_ZYzjeVRkUSkonCoYZ-a
html-block elements and inline elements