html5有序列表无序列表自定义列表

1.无序列表

无序列表代码如下

<h2>1.无序列表</h2><p>你喜欢的水果有哪些</p><ul><li>榴莲</li><li>苹果</li><li>香蕉</li><li>大白菜</li></ul>

代码实现效果:

有序列表

有序列表代码如下:

<h2>2.有序列表</h2><p>奥运金牌榜</p><ol><li>美国</li><li>英国</li><li>俄罗斯</li><li>美国</li></ol>

有序列表代码实现图:

自定义列表

自定义列表代码如下:

<h2>3.自定义列表</h2><p>地区:</p><dl><dt>河北</dt><dd>石家庄</dd><dd>保定</dd><dd>廊坊</dd><dd>承德</dd></dl><dl><dt>浙江</dt><dd>宁波</dd><dd>杭州</dd><dd>嘉兴</dd><dd>温州</dd></dl>

实现效果图如下:

html5有序列表无序列表自定义列表相关推荐

  1. 关于列表标签的一些使用(有序,无序,自定义列表)

    列表标签:布局 特点:整齐,整洁,有序,自由和方便. (1)无序列表(重点) <ul>标签表示html页面中项目的无序列表,一般以项目符号呈现列表项,而列表项使用<li>标签定 ...

  2. HTML之创建有序、无序和定义列表

    1.无序列表 无序列表是一个项目的列表,在默认状态下,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 使用type样 ...

  3. HTML列表标签及自定义列表的应用

    1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于<li>. 也可以通过CSS改变项目符号, ...

  4. 列表标签,自定义列表,img标签,超链接a标签

    1.列表标签: 有序列表 ol创建有序列表 type="" li 列表项 默认是数字1-n的列表符号,可以通过ol的type属性改变列表符号 如果type属性值为:A, a, I, ...

  5. html2day(合并单元格,有序、无序列表,input、select、textarea表单)

    文章目录 合并单元格步骤: 无序列表(unordered list): 有序列表(ordered list): 自定义列表(ordered list): 表单的组成: **表单标签**: input( ...

  6. 【HTML】HTML 列表 ( 无序列表 | 有序列表 | 自定义列表 )

    文章目录 一.HTML 列表 二.无序列表 三.有序列表 四.自定义列表 一.HTML 列表 列表 是 装载 结构 , 样式 一致的 文字 或 图表 的容器 ; 列表 由于其 整齐 , 整洁 , 有序 ...

  7. html自定义列表 嵌套,HTML 列表

    HTML 支持有序.无序和定义列表: HTML 列表 有序列表The first list item The second list item The third list item无序列表List ...

  8. SharePoint 2013开发入门探索(一)- 自定义列表

    在SharePoint 2013中创建自定义列表的方式有很多,在网站内容页面添加应用程序就可以创建(站点内容-〉 您的应用程序),也可以通过SharePoint Designer 2013创建,而本文 ...

  9. excel自定义排序出错_使用Excel自定义列表按您的方式进行排序

    excel自定义排序出错 You know how to sort an Excel list alphabetically, and with Excel 2007 you can even sor ...

最新文章

  1. onbeforedunload事件
  2. SpringMVC工作原理之一:DispatcherServlet
  3. 网络安全分析和公有云使用的安全性
  4. java 反射 本类,关于Java反射中基本类型的class有关问题
  5. Java中List、Map、Set三个接口,存取元素时,各有什么特点?
  6. 理光打印机服务器响应错误,理光网络打印机服务器设置
  7. JAVA四行代码制作简单的翻译软件(傻瓜式教程)
  8. shark恒破解笔记6-摆脱NAG
  9. python项目之神奇时钟
  10. 前端最常用的移动App开发方式及技术栈详解
  11. OA系统行业解析:中小型企业OA选型常见问题
  12. On persistence in mutual fund performance 1997翻译
  13. 哪些知乎收藏夹关注数超过一万?
  14. B站500万粉up主党妹被黑客勒索:交钱赎“人”!顶级安全专家:无解
  15. 两个PDF比较标出差异_5款“业界良心”级的PDF处理工具,哪些真“免费”,哪款最好用?...
  16. 走入Vue 2.0-姜威-专题视频课程
  17. 电力电子技术:电力电子器件
  18. VR家居为什么盛行?可以解决哪些传统家居的痛点?
  19. vue获取当前日期以及前七天日期
  20. mbedtls学习(8)ECDH密钥协商

热门文章

  1. 根据word自动生成html代码文件
  2. WebAPI 网站发布
  3. RandLA-Net复现S3DIS记录
  4. ADS1258使用START注意的事项
  5. 混合颜色带的应用(一)
  6. Lined List 链表总结 Reverse链表 - 反转(python) leetcode 206 92
  7. UPC6617: Finite Encyclopedia of Integer Sequences
  8. 爱普迪供应CS连接器,适用400G传输
  9. 使用 PHP-FFMpeg 操作视频/音频文件(转)
  10. 【转载】没有urllib2怎么办?安装不了urllib2怎么办?