HTML basic tutorial HTML list
HTML bullets (unordered list)
Lists can be seen everywhere on web pages, such as news pages, such lists can be seen everywhere
These lists can be completed using the ul-li tag. ul-li is a list of information in no order.
Next, let’s achieve this effect
Syntax:
<ul >
????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????Common attributes of ##</ul>
<ul> or <li>type: the type of bullet, Values: disc (small black dot), circle (hollow circle), square (solid square)
## Example:<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <ul type="square"> <li>三星在大陸召回19萬臺Note7手機(jī) 可全額退款</li> <li>國土部等5部委：進(jìn)城落戶人口人均用地不超1百平米</li> <li>13位科學(xué)家實(shí)名呼吁對韓春雨啟動調(diào)查：為學(xué)界名聲</li> </ul> </body> </html>
Note:
In HTML markup, content should be placed in the lowest level markup.HTML number list (ordered list)
There is also such a list in the websiteThis kind of information display can use the <ol> tag to create an ordered list for display.
Grammar:
## type: number type, values: 1, a, A, i, Istart: From which number to start numbering (number). Modify the above example:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <ol type="1" start="1"> <li>三星在大陸召回19萬臺Note7手機(jī) 可全額退款</li> <li>國土部等5部委：進(jìn)城落戶人口人均用地不超1百平米</li> <li>13位科學(xué)家實(shí)名呼吁對韓春雨啟動調(diào)查：為學(xué)界名聲</li> </ol> </body> </html>
Note: You can try changing the value of the attribute to see what changes the output
