HTML (b): List + table

1. Unordered list

HTML <ul> elements represent unordered lists of multiple items, that is, a collection of items that have no numeric sort, and their order in the list is meaningless. Typically, the head of an unordered list item can be in several forms, such as a point, a circle, or a square. Change the form of the unordered list header by setting the Type property of the <ul> element.

• Both unordered and ordered lists use <li> tags to define a single column.

1 <ultype= "disc">2     <Li>Solid Circle</Li>3 </ul>4 <ultype= "Circle">5     <Li>Hollow Circle</Li>6 </ul>7 <ultype= "Square">8     <Li>Square</Li>9 </ul>

2. Ordered list

<ol>an HTML element represents multiple ordered list items. Typically, there are numbered numbers (a preceding numbering) that appear in front of the item in the sequence list, which can be any form, such as numbers, letters or Roman numerals, or even simple points. <ol> can also change the form of the head ordinal tag by setting the Type property. You can also set the Start property to specify the starting value for the sort.

• The <ol> element can be changed not only by the type attribute, but also by the List-style-type property of the CSS, List-style-type can set a lot of values, but it is not commonly used.

1 <olStart= "5">2     <Li>Default form, set start to 5</Li>3     <Li>Default form, set start to 5</Li>4 </ol>5 <oltype= "a">6     <Li>Set type to lowercase English letter</Li>7     <Li>Set type to lowercase English letter</Li>8 </ol>9 <oltype= "A">Ten     <Li>Set type to uppercase English letter</Li> One     <Li>Set type to uppercase English letter</Li> A </ol> - <oltype= "I"> -     <Li>Set type to Roman numerals</Li> the     <Li>Set type to Roman numerals</Li> - </ol>

The following are some of the desirable values for List-style-type:

• Reference: CSS Reference manual List-style-type MDN list-style-type

3. Defining the list

<dl>an HTML element is a list of definitions and descriptions of terms that are typically used to present a glossary or metadata (key-value pairs list).

1 <DL>2 <DT>Coffee</DT>3 <DD>-Black hot drink</DD>4 <DT>Milk</DT>5 <DD>-White cold drink</DD>6 </DL>

4. Forms

The table is defined by the <table> tag. Each table has several rows (defined by the <tr> tag) and each row is split into several cells (defined by the <td> tag). Label TD refers to tabular data, the contents of data cells. Data cells can contain text, pictures, lists, paragraphs, forms, horizontal lines, tables, and so on. At the same time label <th> can define the table header.

<table> tags can be set for each of the properties:

Reference: W3school <table> Tags

HTML (b): List + table