Html ul、dl、ol 标签

Html ul、dl、ol 标签

<html>
<body>

    <!-- ul 标签指定字符断点,左边带一个“·”点-->
    <ul>
        <!-- li 收入内容显示并被其他标签转换-->
        <li>内容</li>
        <li>内容</li>
    </ul>

    <!-- ol 标签指定字符排序断点,按照顺序数字排列-->
    <ol>
        <!-- li 收入内容显示并被其他标签转换-->
        <li>内容</li>
        <li>内容</li>
    </ol>

    <!-- dl 标签指定标题加内容的排列-->
    <dl>
        <!-- dt 标签指定标题-->
        <dt>标题</dt>
        <!-- dd 标签指定内容-->
        <dd>内容</dd>
    </dl>

</body>
</html>

效果


  • 内容
  • 内容
  1. 内容
  2. 内容
 标题
   内容


Html ul、dl、ol 标签

原文地址:https://www.cnblogs.com/xiangsikai/p/10402843.html

时间: 2024-10-24 11:56:04

Html ul、dl、ol 标签的相关文章

ul 和 ol 标签的相关设置

初学者不喜欢 ul 标签的最重要一点莫过于其前面的黑点了,每次写个无序列表其前面总有一个黑点是个很讨厌的事,去掉黑点的话自然是要用到 list-style:none:这条css 属性设置了. p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 20.0px Consolas; color: #2b7ec3 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 20.0px Consolas; color: #d74

HTML a标签 img标签 ul列表、ol列表、dl列表标签,table表格标签,lable

a标签其实就是用来做跳转的 a标签的作用:页面跳转.锚(页就是类似书签的东西,在URL中显示出#) <a href="http://www.baidu.com" traget = "_blank">超连接文字</a> traget = "_blank" 该属性的意思是点击后新窗口打开连接,如果没有改项意思就是直接在本页面打开. <a href="#i3" traget = "_blank

语义化HTML:ul、ol和dl

一.语义化元素   1. ul标签 W3C草案: The ul element represents an unordered list of items; that is, a list in which changing the order of the items would not change the meaning of list.W3C specification    语义化<ul>元素:表示包含一组无序列表项内容.   2. ol标签 W3C草案: The ol elemen

HTML 列表中的dl,dt,dd,ul,li,ol区别

1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 2.有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 3.定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定义列表以 <dl> 标签开始.每个自定义列表项以 <dt> 开始.每个自定义列表项的

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 工具/原料 html,dw软件 方法/步骤 1 无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 2 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 3 定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定

用正则表达式抓取网页中的ul 和 li标签中最终的值!

获取你要抓取的页面 const string URL = "http://www.hn3ddf.gov.cn/price/GetList.html?pageno=1";            string htmlStr = null;            for (int i = 0; i < 10; i++)            {                try                {                    System.Net.Http

用ul、li标签 创建css横向导航菜单?(转)

创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里,这种方法看起来很合理也很直观.但问题在于把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白.所以,为了避免所有的链接都挤在一起,你最后通常都不得不插入一些东西或者非换行的空白字符作为分隔,让这些文字分离开来,不至于混在一起. 现在我们正常的做法是应用ul.li标签把链接作为无序列表(unordered list)来标识.再应用CSS样式对其进行控制,按我们预想的形式在容器中显示出来.对导航条使用无序列表似乎是

ol,li,ul,dl,dt,dd

块级元素div尽量少用,其实和table一样,嵌套越少越好,它也是会影响速度的! ol 有序列表. <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为: 1…… 2…… 3…… ul 无序列表,表现为li前面是大圆点而不是123 <ul> <li>……</li> <li>……</li> </ul&

html 中的ul,ol标签

ul为无序列表 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> ol 为有序列表 <ol type="A"> <li>1</li> <li>2dd</li> <li>3</li>