Block and inline Elements

Source: Internet
Author: User
Block Elements
Generally, it is a container of other elements, which can accommodate inline elements and other block elements. Block elements exclude other elements from the same row, and the width (width) height takes effect. Common block elements are Div and P.
 
  
  
Inline Element
An inline element can only contain text or other inline elements. It allows other inline elements to be in the same row, but the width (width) height does not work. The common inline element is "".

Block Element)
Address-address
BLOCKQUOTE-block reference
Center-align the chunk
Dir-directory list
Div-Easy to use block-level, which 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
Level H4-4 title
H5-Level 5 Title
H6-6 level title
HR-horizontal Separator
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-sort form
P-paragraph
Pre-format text
Table-table
Ul-non-sorted list

inline element
A-anchor
abbr-Abbreviation
acronym-initial character
B-bold (not recommended)
BDO-bidi override
big-font
Br-line feed
CITE-reference
code-computer code (required when source code is referenced)
dfn-defined field
em-stressed
font-font setting (not recommended)
I-italic
IMG-image
input-input box
KBD-defines the keyboard text
label-Table label
q-short reference
S-dashes (not recommended)
samp-Define sample computer code
select-project selection
small-small font text
span-common inline containers, define text blocks
Strike-dashes
strong-bold emphasize
sub-subscript
sup-superscript
textarea-multi-line text input box
tt-telex text
U-underline
var-defined variable

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.