Home >Web Front-end >Front-end Q&A >What are html5 line-level tags?

What are html5 line-level tags?

WBOY
WBOYOriginal
2022-06-20 11:03:563088browse

html5 Row-level tags are elements that can be displayed in the same row as other elements on the page until a complete element cannot be placed on one line; row-level tags are also called inline tags and can be understood as row-level tags. It will not occupy a row by itself, and no other elements will be contained within the row-level tag.

What are html5 line-level tags?

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

html5 What are row-level tags

Row-level tags can be displayed in the same row as other elements on the page until a complete element cannot be placed on one line, and usually there will be no row-level tags within them. Contains other elements.

1. Row-level labels are also called inline labels. Row-level labels will not occupy a separate line, and setting the width and height (width, height) is invalid.

2. Inline elements can be accommodated within other inline elements, but block elements cannot be accommodated.
There are span, strong, em, b, i, input, a, img, u (underline), em (emphasis), i (italic), sub (subscript), sup (superscript), etc.

3. The horizontal padding-left and padding-right of inline elements will produce a margin effect, but the vertical padding-top and padding-bottom will not produce a margin effect.

4. Common row-level labels include span, strong, em, br, img, input, label, select, textarea, and cite.

Extended knowledge:

Block-level tag (block element)

1. Occupy an exclusive line, do not stay in the same line with other elements, and the width is automatic Fills the width of the parent element.

2. You can set the width, height (width, height), and inner and outer margin attributes (margin, padding).

There are div, p, h1-h6, ul, li, dl (definition list, similar to ul...li), dt (defines the items in the definition list), dd (defines the content of the description item, Match with dt)

(Learning video sharing: css video tutorial, html video tutorial)

The above is the detailed content of What are html5 line-level 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