Front-end study notes-list tags of HTML commonly used tags

List tags of HTML commonly used tags

The purpose of the list label is to compose text for short sentences.

1. Unordered list

In an unordered list, there is no order level between each list item. It usually uses a bullet as the prefix of each list item.

Set the type of
unordered list—The default symbol of type unordered list is dot (●). <ul>Elements have type attributes, and the bullets of the list can be changed by defining different type attributes. At present, the attribute values ​​of the type attribute are: disc (circle ●), circle (circle ○ ), square (square ■)

Define unordered lists to use <ul>tags and <li>tags, for example:

image 
image

2. Ordered list

The ordered items in the list using numbers or letters at the beginning, through the sequential nature has often among the items

*By default, the serial number of an ordered list is numeric, and the type of serial number can be adjusted through the type attribute *

Defines an ordered list to use the <ol>label <li>tag, for example,

image
image

3. <li>Label

<li>The label defines the list item.

<li>Tags can be used in ordered lists ( <ol>) and unordered lists ( <ul>). example:

image
image

4. <dl>Label

<dl>The label defines the definition list.

<dl>Tags are used to combine <dt>(define the items in the list) and <dd>(describe the items in the list)

5. <dt>Label

<dt>The label defines the items (the term part) of the definition list.

6. <dd>Label

<dd>Define the definition part of the entry in the definition list.

image
image

Guess you like

Origin blog.csdn.net/pig_html/article/details/110655847