HTML block element

First of all, we need to know that HTML elements are defined as block-level elements or inline elements. So what is a block-level element and what is an inline element:

Block-level element (block) characteristics: It always occupies an exclusive line, which means it starts on a new line, and subsequent elements must also start on a new line. Display; width, height, padding and margin can all be controlled; just like the previously used < h1>, < p>, < ul>, < ; table> label.

Inline element (inline) characteristics: On the same line as adjacent inline elements; width (width), height (height), top/bottom of padding (padding-top/padding-bottom) ) and the top/bottom (margin-top/margin-bottom) of the outer margin cannot be changed, which is the size of the text or pictures inside; the previously used < b>, < td>, < a>, < img> tag.

Here we first introduce two tags, the < div> tag and the < span> tag.

< div> is used to define a division or section (division/section) in the document and has no specific meaning. It is a container that can be used to combine other HTML elements. The

element has no specific meaning. In addition, since it is a block-level element, the browser will display line breaks before and after it.

If used with CSS, the

element can be used to set style attributes on large blocks of content. Another common use of the

element is in document layout. It replaces the old-fashioned way of using tables to define layouts. Using the element for document layout is not a correct use of tables. The
element is used to display tabular data.

< span> is used to combine inline elements in the document and has no specific meaning. When used with CSS, the element can be used to set style attributes for part of the text.

Let’s take a look at the usage of the

tag.

QQ截图20161011092738.png

Continuing Learning
||

This is a heading

This is a paragraph.

submit Reset Code
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!