关于列表记录（一）

最新推荐文章于 2022-08-14 08:00:00 发布

woyuanliulian

最新推荐文章于 2022-08-14 08:00:00 发布

阅读量202

点赞数

分类专栏： Web前端文章标签： web

本文链接：https://blog.csdn.net/woyuanliulian/article/details/81022895

版权

Web前端专栏收录该内容

32 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--有序列表-->
<ol type="a" reversed start="5">
    <li>黄鹤楼<span>崔颢</span></span></li>
    <li>送元二使安西<span>王维</span></span></li>
    <li>凉州词<span>王焕之</span></span></li>
</ol>
<!--定义列表-->
<dl></dl><!--定义标识列表-->
<dt></dt><!--定义词条 一般标识抽象，概况 引用-->
<dd></dd><!--标识解释  是对词条的解说 说明-->

<h1>成语词条列表</h1>
<dl>

    <dt>知无不言，言无不尽</dt>
    <dd>知道的就说，要说就毫无保留</dd>
    <dt>智者千虑，必有一失</dt>
    <dd>再聪明的人也会有考虑不到的地方</dd>

</dl>


<!--菜单列表-->
<!--但是command只有在ie9（早和晚都不支持）和最新版本的firefox支持
command可以定义按钮，单选按钮，复选按钮  只有dangcommand位于menu元素内时，该元素才会显示否则不显示，该但是可以用他来定义键盘的快捷键
--->
<menu>
    <command type="command" onclick = "alert('你好')">命令</command>

</menu>

<!--自定义样式的列表-->
<!--
list-type:复合属性，设置列表的相关内容
list-style-image  设置列表项目的符号图像
list-styoe-position  设置列表项目的显示位置，根据文本在内或者在外排列 取值有outside和inside
list-style-type  设置列表项目符号类型

list-stype-type  项目列表类型

-->
<ul style="list-style-type: circle; list-style-position: inside;list-style-position: inside; border: 1px solid pink">
    <li><a href="#">新闻</a>
    <ul>

        <li>nihao</li>
    </ul>

    </li>
    <li><a href="#">社区</a></li>
    <li><a href="#">微博</a></li>
    <li><a href="#">微信</a></li>

</ul>







</body>
</html>

woyuanliulian

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于列表记录（一）

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;!--有序列表--
复制链接

扫一扫