HTML列表

无序列表

无序列表由<ul>标签定义,列表项由<li>定义,列表项默认使用小黑点标记

无序列表代码
<ul>
<li>莫等闲,白了少年头,空悲切.</li>
<li>人生自古谁无死,留取丹心照汗青.</li>
<li>举世皆浊我独清,众人皆醉我独醒.</li>
<li>非淡泊无以明志,非宁静无以致远.</li>
<li>取义成仁今日事,人间遍种自由花.</li>
</ul>
代码显示为
  • 莫等闲,白了少年头,空悲切.
  • 人生自古谁无死,留取丹心照汗青.
  • 举世皆浊我独清,众人皆醉我独醒.
  • 非淡泊无以明志,非宁静无以致远.
  • 取义成仁今日事,人间遍种自由花.

有序列表

有序列表由<ol>标签定义, 列表项由<li>定义 ,列表项默认使用数字标记

有序列表代码
<ol>
<li>仁者见之谓之仁,智者见之谓知智</li>
<li>穷则独善其身,富则达济天下.</li>
<li>千磨万击还坚韧,任尔东西南北风.</li>
<li>莫愁前路无知己,天下谁人不识君.</li>
<li>海纳百川,有容乃大;壁立千仞,无欲则刚.</li>
</ol>
代码显示为
  1. 仁者见之谓之仁,智者见之谓知智
  2. 穷则独善其身,富则达济天下.
  3. 千磨万击还坚韧,任尔东西南北风.
  4. 莫愁前路无知己,天下谁人不识君.
  5. 海纳百川,有容乃大;壁立千仞,无欲则刚.

自定义列表

自定义列表以 <dl> 标签开始,每个自定义列表项以 <dt> 开始,每个自定义列表项的定义以 <dd> 开始

自定义列表代码
<dl>
<dt>李白</dt>
<dd>-天生我材必有用,千金散尽还复来.</dd>
<dt>杜甫</dt>
<dd>-万里悲秋常作客,百年多病独登台.</dd>
<dt>陶渊明</dt>
<dd>-羁鸟恋旧林,池鱼思故渊.</dd>
<dt>李清照</dt>
<dd>-昨夜雨疏风骤,浓睡不消残酒.</dd>
<dt>白居易</dt>
<dd>-可怜身上衣正单,心忧炭贱怨天寒.</dd>
</dl>
代码显示为
李白
-天生我材必有用,千金散尽还复来.
杜甫
-万里悲秋常作客,百年多病独登台.
陶渊明
-羁鸟恋旧林,池鱼思故渊.
李清照
-昨夜雨疏风骤,浓睡不消残酒.
白居易
-可怜身上衣正单,心忧炭贱怨天寒.

总结

HTML列表这块确实没有啥文字性的类容好讲,所以我直接直接用用代码展示给大家,总共就那几个标签,顺便让大家欣赏欣赏诗句,陶冶情操

版权声明:
作者:HONG
链接:https://www.honglog.com/203.html
来源:小洪博客
本站遵循cc共享许可协议:BY-NC-SA 4.0 转载请注明出处
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录