Shulou(Shulou.com)06/02 Report--

Editor to share with you how many categories of html5 tags, I believe that most people do not know much, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Html5 tags are divided into three categories: 1, block-level elements, characterized by the ability to set width and height, automatic line wrapping, margin and padding up and down the left and right are effective for its; 2, the line elements, characterized by can not be set width and height, will not automatically wrap; 3, the line block elements, which is characterized by the ability to set width and height, will not automatically wrap.

The operating environment of this tutorial: windows7 system, HTML5 version, Dell G3 computer.

Tags in HTML5 are divided into block-level elements, inline elements, and inline block elements.

Inline elements:

Unable to set width and height.

Margin does not work up and down, only left and right have an effect; padding has an effect and will expand the space.

The box-sizing:border-box; is not valid because the property is for the box model.

There is no automatic line change.

Block level elements:

Can set width and height

The upper and lower sides of margin and padding are effective on it.

Automatic line wrapping

Multiple block element tags are written together, and the default arrangement is from top to bottom

You can use margin:0 auto to center align

Inline block elements:

There is no automatic line change.

Can set width and height

The default arrangement is from left to right

You can use text-align:center to center the content horizontally relative to the parent box, such as img tags, and you can use text-align:center to center relative to the parent box

Invalid margin:0 auto

Arrange horizontally, but by default all elements have a space between them, because there is a carriage return line feed between the elements in html, and the browser parses it into a space.

But the type of the tag can be converted.

Display:inline: converting to inline elements

Display:linline-block is converted to inline block element

Convert display:block to block-level elements

Master element categories. The tags we have learned are classified as follows:

1. Block-level elements

Title

Ordered list

Unordered list

Definition list

Paragraph label

Preformatted text

Large segment reference

Small segment reference

Divide a block

Define

Audio frequency

Video

Form

Form

Add a line

Load independent articles

Define document sections

Define non-body content

Page header

Footer

Navigation link section

Define contact information for a document or section

Make text in smaller font size

Subscript text

Superscript text

2. In-line elements

Label type code writing

Hyperlink

Tilt

Thickening

Abbreviations

Span multiple characters

Get user input

Create a drop-down list

Create a multiline text box

Define control dimensions

3. Inline block elements

Label type code writing

Picture

Inline framework

The above is all the content of this article "how many categories are html5 tags divided into?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.