Home > Article > Web Front-end > What are the classifications of html tags?

What are the classifications of html tags?

醉折花枝作酒筹Original: 2021-06-04 16:49:4713866browse

html tag elements are: 1. The tag occupies one line, and the width and height can be specified as a block tag; 2. The tag is in one line, and the width and height are determined by the content. Only when the content exceeds the width of HTML, Inline tags that can wrap into new lines; 3. Inline block tags that have the characteristics of both inline elements and block elements.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

The types of HTML tags can be divided into three types: block-level tags, inline tags, and inline block tags.

Block-level label:

Block-level label: The label occupies one line, and the width and height can be specified.

Features:

Able to identify width and height
The top, bottom, left and right margins and padding are all valid for it
Can automatically wrap lines
Multiple block element tags are written together, and the default arrangement is from top to bottom
You can use margin:0 auto to center the alignment

Commonly used block elements are:

...

,
,
,
, ,
,
,

inline Tag:

Inline (row-level) tag: The tag is within a line. The width and height are determined by the content. Only when the content exceeds the width of HTML, it will wrap.

Features:

Unable to set width and height

Margin has no effect up and down, only left and right, padding has effect, Will expand the space; box-sizing:border-box; is invalid because this attribute is for the box model.

Will not wrap automatically

Commonly used inline elements are:

, ,,,,,,`,,`
Inline block Tag: Inline block element (inline-block) has the characteristics of both inline elements and block elements. The code display:inline-block sets the element as an inline block element. (New in css2.1), and tags are such inline block tags. Features: Will not wrap automatically Can set width and height The default arrangement is from left to right You can use text-align:center to align the content horizontally and centrally relative to the parent box, such as the img tag, you can use text-align:center , aligned in the center relative to the parent box, margin: 0 auto invalid arranged horizontally, but all elements will have a gap of 1 space by default because there is a carriage return written between elements in html Newline, browser parsing will parse it into a space. Commonly used inline block elements are: , HTML tag types can be converted: display:inline;Convert to inline element display:linline-block;Convert to inline block element display:block;Convert to block-level elementsRecommended learning: html video tutorial The above is the detailed content of What are the classifications of html tags?. For more information, please follow other related articles on the PHP Chinese website! Statement：The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn Previous article：What are the inline block elements in html?Next article：What are the inline block elements in html? Related articles See more How to insert swf content in html Why is there a dotted line under the Chinese text in html? How to change the page title in html What are the inline block elements in html? How to keep spaces in text in html Home Course Q&A My Home Course Article Q&A Dictionary Manual Download Topic Home Article Q&A Course Topic Download Game Dictionary 简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）