html5有序列表无序列表自定义列表
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)无序列表(重点) <ul>标签表示html页面中项目的无序列表,一般以项目符号呈现列表项,而列表项使用<li>标签定 ...
- HTML之创建有序、无序和定义列表
1.无序列表 无序列表是一个项目的列表,在默认状态下,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 使用type样 ...
- HTML列表标签及自定义列表的应用
1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于<li>. 也可以通过CSS改变项目符号, ...
- 列表标签,自定义列表,img标签,超链接a标签
1.列表标签: 有序列表 ol创建有序列表 type="" li 列表项 默认是数字1-n的列表符号,可以通过ol的type属性改变列表符号 如果type属性值为:A, a, I, ...
- html2day(合并单元格,有序、无序列表,input、select、textarea表单)
文章目录 合并单元格步骤: 无序列表(unordered list): 有序列表(ordered list): 自定义列表(ordered list): 表单的组成: **表单标签**: input( ...
- 【HTML】HTML 列表 ( 无序列表 | 有序列表 | 自定义列表 )
文章目录 一.HTML 列表 二.无序列表 三.有序列表 四.自定义列表 一.HTML 列表 列表 是 装载 结构 , 样式 一致的 文字 或 图表 的容器 ; 列表 由于其 整齐 , 整洁 , 有序 ...
- html自定义列表 嵌套,HTML 列表
HTML 支持有序.无序和定义列表: HTML 列表 有序列表The first list item The second list item The third list item无序列表List ...
- SharePoint 2013开发入门探索(一)- 自定义列表
在SharePoint 2013中创建自定义列表的方式有很多,在网站内容页面添加应用程序就可以创建(站点内容-〉 您的应用程序),也可以通过SharePoint Designer 2013创建,而本文 ...
- excel自定义排序出错_使用Excel自定义列表按您的方式进行排序
excel自定义排序出错 You know how to sort an Excel list alphabetically, and with Excel 2007 you can even sor ...
最新文章
- onbeforedunload事件
- SpringMVC工作原理之一:DispatcherServlet
- 网络安全分析和公有云使用的安全性
- java 反射 本类,关于Java反射中基本类型的class有关问题
- Java中List、Map、Set三个接口,存取元素时,各有什么特点?
- 理光打印机服务器响应错误,理光网络打印机服务器设置
- JAVA四行代码制作简单的翻译软件(傻瓜式教程)
- shark恒破解笔记6-摆脱NAG
- python项目之神奇时钟
- 前端最常用的移动App开发方式及技术栈详解
- OA系统行业解析:中小型企业OA选型常见问题
- On persistence in mutual fund performance 1997翻译
- 哪些知乎收藏夹关注数超过一万?
- B站500万粉up主党妹被黑客勒索:交钱赎“人”!顶级安全专家:无解
- 两个PDF比较标出差异_5款“业界良心”级的PDF处理工具,哪些真“免费”,哪款最好用?...
- 走入Vue 2.0-姜威-专题视频课程
- 电力电子技术:电力电子器件
- VR家居为什么盛行?可以解决哪些传统家居的痛点?
- vue获取当前日期以及前七天日期
- mbedtls学习(8)ECDH密钥协商