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

This article mainly introduces the relevant knowledge of "how to distinguish html elements". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to distinguish html elements" can help you solve the problem.

Examples of the basic structure of html are as follows:

Document

Body contains the content of the web page.

Tag elements in html are roughly divided into three different types: block-level elements, inline elements (also known as inline elements), and inline block-level elements.

0df1f70c2c7dfe407f3cb5c627f9500.png

1. Characteristics of inline elements:

1. And other elements are all on one line

2. The height, width and top and bottom margins of the element cannot be set.

3. The width of an element is the width of the text or picture it contains and cannot be changed.

What are the commonly used inline elements (that is, what are the html inline elements):

、 、

、

Set display:inline; to convert block elements to html inline elements

2. Characteristics of block-level elements (what does html block-level elements mean):

1. Each block-level element starts on a new line, and subsequent elements start on another line.

2. The height, width, row height and top and bottom margins of the element can be set.

3. If the element width is not set, it is 100% of its parent container (consistent with the width of the parent element)

Common block elements are:

、

、... 、

Set display:block; to convert elements to block-level elements.

Third, the characteristics of inline block-level elements: (both inline elements and block-level elements)

1. And other elements are all on one line

2. The height, width, row height and top and bottom margins of the element can be set!

Commonly used inline block elements (that is, what are the inline block-level elements):

、

Display:inline-block;float:left/right;position:absolute/fixed; can set elements to inline block-level elements.

Note: block-level elements and inline elements, by default, block-level elements always occupy a row, while inline elements do not.

This is the end of the introduction to "how to distinguish html elements". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

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.