MindMap Gallery HTML list element
Summary of knowledge points of HTML list elements, covering unordered lists, ordered lists, definition lists, and instance list nesting. Hope it helps everyone~
Edited at 2023-02-26 20:21:16This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
HTML list element
unordered list
<ul>, <li>, default to block elements Among them, <li> defines the list items of the list
<body> <ul> <li>Mountains and flowing water</li> <li>Spring River Flower Moonlight Night</li> <li>Along the River During Qingming Festival</li> <li>Pipa language</li> <li>Sunset flutes and drums</li> </ul> </body>
ordered list
<ol>, <li>, default to block elements Among them, <li> defines the list items of the list
<body> <ol> <li>Home</li> <li>School Overview</li> <li>College Settings</li> <li>Organizational structure</li> <li>Teaching Team</li> </ol> </body>
definition list
<dl>, <dt>, <dd>, default to block elements Among them, the <dt> tag defines the part of the list item name, <dd> is used to explain the item name defined by the <dt> tag, and <dd> can be omitted.
<body> <dl> <dt><b>To Alice</b></dt> <dd><i>This is a nice piano piece</i></dd> <dt><del>Belated Spring</del></dt> <dd><em>Great songs sung by Alan Tam</em></dd> <dt>A hundred birds paying homage to the phoenix</dt> <dd>Divine music played by suona</dd> </dl> </body>
Example
<body> <header> <img src="./logo.jpg" /> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">School Overview</a></li> <li><a href="#">College Settings</a></li> <li><a href="#">Organization</a></li> <li><a href="#">Teaching Team</a></li> </ul> </nav> </body>
List nesting
The list item of a list can be another list and can be nested at multiple levels
<body> <ul> <li>Project name</li> <li> <ol> <li>Project name</li> <li>Project name</li> <li>Project name</li> </ol> </li> <li> <ul> <li>Project name</li> <li>Project name</li> <li>Project name</li> </ul> </li> </ul> </body>