Block-level elements, inline elements, and inline block elements in HTML elements

Source: Internet
Author: User

Block-level elements

H1-h6>>1-6 level headings
p>> Paragraph
Div>> defining sections in a document
Ul>> Defining unordered Lists
Ol>> defining an ordered list
Li>> defining an unordered list and an item in an ordered table
Hr>> Horizontal Line
Address>> Define contact information for the author or owner of a document
Blockquote>> Defining Long references
Pre>> defining pre-formatted text
Form>> Defining the form
Fieldset>> defines the border around elements in a form
Legend>> defining the title of the FieldSet element
Figure>> defines the grouping of media content, as well as their titles.
Figcaption>> defines the caption of a figure element
Audio>> Defining sound Content
video>> definition Video
Nav>> Defining navigation links
dl>> Definition Definition List
Dt>> defining items in a list
Dd>> definition defines a description of an item in a list
Menu>> menu/List of defined commands
Table>> definition Table
Caption>> Defining table Headings
Tbody>> Defining Table Bodies
Thead>> Defining Table Headers
Tfoot>> defining the contents of a table in a table (footnotes)
Tr>> defining rows in a table
Th>> table header cells in the definition table
Colgroup>> defining column groups for formatting in a table
Col>> defines a property value for one or more columns in a table. "Use in Colgroup"
Header>> define a section or page header
Footer>> define a section or page footer
Section>> defines the sections (section, section) in the document. such as chapters, headers, footers, or other parts of the document
Article>> definition Articles
Aside>> defines content beyond the content of the page. "Can be used as a sidebar for articles. 】
Datails>> defines the details of the element. "To describe details about a document or document fragment. 】
Summary>> defines the visible caption for the details element.

In-line elements

Br>> Defining line breaks
A>> Defining hyperlinks
I>> defining text Skew
B>> Define text Bold
em>> define text skew, more emphasis on semantics
Abbr>> Defining abbreviations
Bdi>> defines the text orientation of text so that it is set away from the direction of the text around it
Bdo>> Defining Text Direction
Cite>> Defining references
Code>> Defining computer code text
Dfn>> Defining a Project
Ins>> definition is inserted into the text
Kbd>> Defining keyboard text
Mark>> Defining a marked text
Q>> Defining a short reference
rp>> definition If the browser does not support the content displayed by the Ruby element
Rt>> defining the interpretation of Ruby annotations
Ruby>> Defining Ruby Annotations
Samp>> defining a sample of computer code
Small>> Defining Small text
Strong>> more intense accent text, text bold
Sup>> Defining superscript text
Sub>> Defining subscript Text
Time>> Define Date/Time
Var>> defines the variable part of the text
Wbr>> defining possible line breaks
Label>> defining annotations for input elements
datalist>> definition drop-down list
The keygen>> defines the generated key.
Output>> defines some types of output. "Output as script"
Map>> Defining Image mappings
Area>> defining areas within an image map
Source>> Defining the media source
Track>> defines a text track used in a media player
Link>> defining the relationship of documents to external resources
Command>> defining command buttons
Style>> defining style information for a document
Span>> defining sections in a document
Base>> defines the default address or default destination for all links in a page

Inline block-level elements

Img>> Defining an image
Input>> Defining an input control
Meter >> define a metric within a predefined range
Progress>> define the progress of any type of task
textarea>> text input controls that define multiple lines
Button>> Define Button
Select>> Defining a selection list (drop-down list)
Iframe>> defining an inline frame
Canvas>> Defining a graphic
Td>> define cells in a table

If the classification is wrong, please correct me, thank you!

Block-level elements, inline elements, and inline block elements in HTML 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.