Home  >  Article  >  Web Front-end  >  What are the inline tags in html5

What are the inline tags in html5

青灯夜游
青灯夜游Original
2022-03-15 18:27:2012405browse

html5 inline tags include: span, a, label, code, input, abbr, em, b, big, cite, i, q, textarea, select, small, sub, sup, strong, u, li , ins, del, dfn, kbd, etc.

What are the inline tags in html5

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

HTML tags (elements) can be divided into two categories, namely block-level elements and inline elements (also called inline elements).

html5 Inline elements

The main characteristics of inline elements are as follows:

  • Inline elements and other elements will be displayed on the same line;

  • The width, height, margins and padding of inline elements cannot be changed;

  • The width of an inline element is the width of its content and cannot be changed;

  • Inline elements can only accommodate text or other inline elements.

The most commonly used inline element is span, in addition to img, a, label, code, input, abbr, em, b, big, cite, i, q, textarea, select, small, sub, sup, strong, u, li, ins, del, dfn, kbd, var, etc.

Inline elements often have some special display effects, which can replace some CSS styles and are very practical, such as:

  • and

  • and tags are used to define subscript text and superscript text respectively.

For the use of inline elements, you need to pay attention to the following points:

  • Setting the width width is invalid;

  • Setting the height height is invalid, but you can set the line height through line-height;

  • You can set the margin margin, but it is only valid for the left and right margins, not the top and bottom margins;

  • When setting the padding inner margin, only the left and right padding is valid, while the top and bottom padding is invalid. It should be noted that the range of the element is increased, but it has no effect on the content around the element;

  • You can switch elements between inline elements and block-level elements through the display attribute.

[Related recommendations: html video tutorial, web front-end

The above is the detailed content of What are the inline tags in html5. 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 does html5 ul mean?Next article:What does html5 ul mean?