HTML row-class elements and block-level elements-crazy lazy

Source: Internet
Author: User
HTML row-level elements and block-crazy tree lazy most tags in html can be divided into row-level elements and block-level elements. The difference between the two is that block-level elements will automatically wrap, you can set the height and width, while the row-class element is connected to a row of write. You can set the height but cannot set the width.

Element of the html row class:

A-anchor
Abbr-abbreviation
Acronym-First word
B-bold (not recommended)
Bdo-bidi override
Big-font size
Br-line feed
Cite-Reference
Code-computer code (required when source code is referenced)
Dfn-define Fields
Em-emphasis
Font-font setting (not recommended)
I-italic
Img-Image
Input-input box
Kbd-define keyboard text
Label-Table label
Q-short reference
S-hyphen (not recommended)
Samp-definition example computer code
Select-Project Selection
Small-small font text
Span-commonly used inline containers that define text blocks
Strike-dashes
Strong-highlighted in bold
Sub-subscript
Sup-superscript
Textarea-multi-line text input box
Tt-telex text
U-underline
Var-define variables

Block-level elements:

Address-address
Blockquote-block reference
Center-align the chunk
Dir-directory list
P-common block-level labels are also the main labels 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
Isindex-input prompt
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-ordered form
P-paragraph
Pre-format text
Table-table
Ul-unordered list

The row element can be converted into a block element by declaring: display: block in the CSS style.

 

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.