"HTML" inline elements, block-level elements

Source: Internet
Author: User

1. Each element has a display property, and the block-level element display property is generally: block, while the inline element display property is generally: inline.

2. Block-level elements are exclusive to one row, while inline elements are arranged in the same row, and the lines are not wrapped. Block-level elements can be set to a height width: height,width. You can also set the line spacing and the line padding: margin,padding (both have a margin effect in four directions), while the inline element is padding-left,padding-right,margin-left,margin-right horizontally, and the vertical direction is not valid.

3. Block-level elements:

1 Address: Contact information2 AUDIO[SRC]: Audio3 Base: The label specifies the default address or default destination for all links on the page. 4 basefont: Default font color, size, font5 button: Buttons6 Canvas : Canvases7 Div: The most commonly used block-level element, wrap-line. 8 DL: Tag defines a list of definitions, used in conjunction with DT,DD9 Fieldset[legend]:form control GroupTen Form : Interactive form One Frameset[cols|rows]: Set to Web frame, with FRAME[SRC] A h1,h2,h3,h4,h5,h6:1~6 level headings - Header : The label defines the headers for the document (introduction information).  - menu: List of menus the noframes:frames Optional Content - noscript: Optional script content, general browser support script so no need to use - ol: There are sequence tables - P: Paragraph + pre: Formatted text - Table : Tables, with TR,TD +UL: Non-ordered list

4. Inline elements:

1 a[href | target]: Define hyperlinks2 addr: Abbreviation3 acronym: First word4 B: Bold5 big: Large font size6 BR: Line Break7 cite: Reference8 em: Emphasize9 font: Fonts SettingsTen I: Italic One img[src]: Picture A Input[type]: Input box, Radio,checkbox,text,button, etc. - Label: Table Label - Q: Broken references the s: Medium Dash - Select : Slide list selection, with option - Small: Small font text - span: A common inline container that defines chunks within a text + strike: Medium Dash - Strong: Bold Accent sub- subscript + sup: superscript A TEXTAREA: Multi-line text input box at TT: Telex text -U: Underline

"HTML" inline elements, block-level elements

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.