html element and list

标签：concepts   school   cup   tps   pts   poi   play   numbers   nested   

• Block element

  Block elements, or block-level elements, have a rectangular structure. By default, these elements will span the entire width of its parent element, and will thus not allow any other element to occupy the same horizontal space as it is placed on.

• Inline element

  Inline elements cannot be placed directly inside the element; they must be wholly nested within block-level elements.

cite from WIKIPEDIA

from the above concepts, the difference between block element and inline element is whether it auto break line. it could change with attribute [display].

list: 
  tag defines a list item. it used in **ordered lists**, **unordered lists** and in **menu lists**

- ordered list: 

- unordered list: 

- menu list: 
 tag defines a list item. 

In 
 and 
, the list items will usually be displayed with bullet points.

In 
, the list items will usually be displayed with numbers or letters.

**Tip:** Use CSS to [style lists](https://www.w3schools.com/css/css_list.asp).

[cite from w3school](https://www.w3schools.com/tags/tag_li.asp)



description list: 


The `
` tag defines a description list.

example:

Coffee
 
Black hot drink
 
Milk
 
White cold drink

html element and list

标签：concepts   school   cup   tps   pts   poi   play   numbers   nested   

原文地址：https://www.cnblogs.com/fbss/p/13051557.html