HTML-based inline with block elements

Source: Internet
Author: User


What are block-level elements and inline elements

Features of block elements:
① always start on a new line;
② height, row height, margin and inner margin can be controlled;
③ width 100% Unless a width is set.
④ it can fill inline elements and other block elements


Features of the inline element:
① and other elements are on one line;
② high, the width can not 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


Where the display property of CSS can modify block elements and inline elements



BLOCKQUOTE-Block Reference
Center-lifting Alignment block

ul-Non-sorted list (unordered table)
DIR-List of directories
menu-List of menus
DL-Definition list
ol-Sort the form (with sequence list)
Div-Common block-level easy, is also the main tag of CSS layout
Fieldset-form control Group
Form -Interactive form
H1-Big title
H2-Subtitle
h3-3 level headings
h4-4 level headings
h5-5 level headings
h6-6 level headings
HR-Horizontal divider line
isindex-input Prompt
noframes Optional content (this chunk content is displayed for browsers that do not support frame)
noscript Optional Script content (this content is displayed for browsers that do not support script)
P-paragraph

Pre-formatted text

Table-Tables


Inline elements (inline element)


A-anchor point
ABBR-Abbreviation
acronym-First word
B-bold (not recommended)
Bdo-bidi override
Big-Large font
BR-line break
cite-reference
Code-Computer codes (required when referencing sources)
DFN-Define fields
Em-emphasize
font-font settings (not recommended)
I-Italic
img-picture
Input-input box KBD-Define keyboard text
Label-table label
Q-Short reference
S-Medium dash (not recommended)
Samp-Define sample computer code
Select-Project selection
Small-fine print Body text
Span-common inline container, define text within chunk
Strike-underline
Strong-bold accent
Sub-subscript
sup-superscript
TextArea-multiline text input box
TT-Telex text
U-underscore
var-define variable
mutable element: A mutable element is a block element or inline element that is determined by context context.
Applet-java Applet
button-buttons
del-delete text
Iframe-inline frame
ins-inserted text
Map-picture Chunk (MA p)
Object-object Object
Script-client script

Related Article

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.