常见的列表html,html常见列表元素介绍与应用

有序列表(ol > li)ordered list

  1. 标签定义有序列表。
    1. Coffee
    2. Tea
    3. Milk

c239f2bd268e

有序列表

属性:

[type]:规定在列表中使用的标记类型(五种类型:1、A、a、I、i)。

默认顺序1:

  1. 1
  2. 2
  3. 3

顺序A:

  1. 1
  2. 2
  3. 3

顺序a:

  1. 1
  2. 2
  3. 3

顺序I:

  1. 1
  2. 2
  3. 3

顺序i:

  1. 1
  2. 2
  3. 3

c239f2bd268e

属性type

[start]:规定有序列表的起始值。

默认顺序1:

  1. 1
  2. 2
  3. 3

顺序A:

  1. 1
  2. 2
  3. 3

顺序a:

  1. 1
  2. 2
  3. 3

顺序I:

  1. 1
  2. 2
  3. 3

顺序i:

  1. 1
  2. 2
  3. 3

c239f2bd268e

属性start

[reversed]:规定列表顺序为降序。

默认顺序1:

  1. 1
  2. 2
  3. 3

顺序A:

  1. 1
  2. 2
  3. 3

顺序a:

  1. 1
  2. 2
  3. 3

顺序I:

  1. 1
  2. 2
  3. 3

顺序i:

  1. 1
  2. 2
  3. 3

c239f2bd268e

属性reversed

无序列表(ul > li)unordered list

  • 标签定义无序列表。

无序列表常用于制作菜单或新闻列表。

默认项目符号:实心圆

  • Coffee
  • Tea
  • Milk

c239f2bd268e

无序列表

属性:

type属性:规定列表的项目符号的类型。(不赞成使用,请使用样式取代它。)

默认实心圆disc:

  • Coffee
  • Tea
  • Milk

空心圆circle:

  • Coffee
  • Tea
  • Milk

实心方块square:

  • Coffee
  • Tea
  • Milk

c239f2bd268e

属性type

定义列表 (dl > dt 和 dd)

**

] (定义列表中的项目)和 [
](描述列表中的项目)。

**

标签定义了定义列表中的项目(definition title 即术语部分)。
在定义列表中定义条目的定义部分(definition descrip)。
真(拼音:zhēn)是汉语一级通用规范汉字(常用字) [1] ,初文见于西周金文 [2]

。“真”的构型和本义暂不明,基本义是本质、本性,引申为真实,又指明确清楚。“真”用作副词时,表示实在、的确。“真”也指真书,即楷书。道家称存养本性或修真得道的人为真人。“真”也指人或事物的原样、本样。

善,汉语常用字 [1] ,读作shàn,最早见于金文 [2] 。其本义是像羊一样说话,有吉祥美好之义,《说文》:“善,吉也。从誩,从羊。此与义美同意。”从利他性上引申为友好、擅长、赞许、容易等义。
美(拼音:měi)是汉语常用字 [1] ,初文见于商代甲骨文 [2]

。美的古字形像戴着头饰站立的人,本义指漂亮、好看。“美”除了表示具体事物的美好外,还用来表示抽象意义。如形容一个人品德高尚称为“美德”。美好的事物往往给人愉快的感觉,所以“美”有令人满意的意思,“美”有时也作动词使用,指赞美;又指使其漂亮。

c239f2bd268e

定义列表

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
国家级实验教学示范中心联席会计算机学科规划教材 教育部高等学校计算机类专业教学指导委员会推荐教材 面向“工程教育认证”计算机系列课程规划教材 谢从华,高蕴梅,黄晓华.Web系统与技术[M],清华大学出版社,2018年6月 第1章 Web系统与技术的基础知识... 1 1.1 Internet介绍... 1 1.1.1 Internet含义... 1 1.1.2 TCP/IP协议... 1 1.1.3 域名... 2 1.1.4 URL. 3 1.1.5 MIME. 3 1.1.6 HTTP协议... 4 1.2 Web浏览器... 5 1.3 Web服务器... 5 1.3.1 Web服务器... 5 1.3.2 Apache服务器... 5 1.3.3 IIS服务器... 6 1.4系统的主要技术概述... 7 1.4.1 HTML 概述... 7 1.4.2 JavaScript概述... 8 1.4.3 XML概述... 8 1.4.4 PHP概述... 8 1.4.5 Ajax概述... 9 1.5习题... 9 第2章 HTML网页设计基础... 10 2.1 HTML 网页... 10 2.1.1 简介... 10 2.1.2 HTML文件结构... 10 2.1.3 文件编辑器... 12 2.2 HTML基本标签... 13 2.2.1 元信息标签<Meta>. 13 2.2.2 文本标签... 18 2.2.3 列表标签... 20 2.2.4 表格标签... 24 2.2.5 超级链接标签... 27 2.2.6 图像标签... 29 2.2.7 背景声音标签... 29 2.2.8 视频标签... 29 2.3 网页表单和控件... 30 2.3.1 表单标签<form>. 30 2.3.2 表单的控件... 31 2.3.3 获取表单数据... 37 2.4 框架标签... 39 2.4.1 帧标记<frame>. 39 2.4.2 IFRAME标记... 40 2.5 习题... 40 第3章 CSS样式设计... 43 3.1 CSS 简介... 43 3.2 CSS 语法与使用... 43 3.2.1 CSS定义语法... 43 3.2.2 CSS的使用... 44 3.2.3 选择符... 48 3.3 CSS样式设计... 51 3.3.1字体样式... 51 3.3.2文本样式... 53 3.3.3颜色样式... 56 3.3.4 列表样式... 57 3.3.5表格样式... 60 3.4.6 鼠标样式... 64 3.4.7 滤镜样式... 67 3.4 CSS页面布局... 78 3.4.1 文本对齐... 78 3.4.2盒子模型... 81 3.4.3文字环绕float样式... 85 3.4.4 元素定位... 86 3.6 习题... 88 第4章 网页数据的有效性验证... 92 4.1验证控件... 92 4.1.1 验证控件分类... 92 4.1.2 ASP页面验证控件... 92 4.2 正则表达式... 102 4.2.1常用的元字符... 102 4.2.2 复杂的正则表达式... 102 4.3 正则表达式应用... 104 4.3.1 RegExp对象... 104 4.3.2 String 对象的正则表达式方法... 106 4.4 常见的正则表达式... 107 4.5 习题... 108 第5章 JavaScript编程技术... 109 5.1 JavaScript编程基础... 109 5.1.1 JavaScript简介... 109 5.1.2 Javascript的使用方法... 109 5.1.3 语法规则... 111 5.1.4 运算符和表达式... 112 5.1.5 函数... 117 5.1.6流程控制... 121 5.1.7 事件处理... 128 5.2 JavaScript对象编程... 130 5.2.1 Object 类型... 131 5.2.2 Array对象... 131 5.2.3 String对象... 133 5.2.4 Math对象... 138 5.2.5 Number对象... 142 5.2.6 Data对象... 143 5.3 JavaScript ActiveX编程技术... 145 5.3.1 FileSystemO
Vuexy – Vuejs + HTML 管理仪表板模板 – 是基于 Vue CLI、Vuex 和 Vuexy 组件框架的对开发人员最友好且高度可定制的 VueJS + HTML 管理仪表板模板。 演示地址:https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/landing/ 更新日志: HTMLHTML + Laravel版本 添加 ----基于 Ul/UX 原则的全新设计 ----新的边框和深色布局 ----新的电子商务仪表板 ----发票应用 ----看板应用程序(仅适用于 HTMLHTML + Laravel) ----文件管理器应用程序(仅适用于 HTMLHTML + Laravel) ----定价页面 ----博客页面(列表、详细信息、编辑页面) ----添加了布局选项 ----精简菜单 ----盒子布局 ----无菜单 ----空布局 ----空白布局 ----树组件 ----评级组件 ----传单地图 ----SVG 和字体图标支持 更新 ----将 Bootstrap 更新至 v4.5.3 ----更新 Laravel 8 ----更新 Laravel UI、Passport 到最新版本 ----将所有库更新到最新版本 ----改进的组件和扩展 ----改进的小部件和卡片(带有新的游戏化卡片、分析卡片) ----更新的日历应用 ----更新的待办事项应用程序 ----更新的用户应用程序 ----更新的身份验证页面(2 种类型,带有 SVG 插图) ----更新帐户设置 ----更新的常见问题 ----更新的知识库 ----带有实际使用示例的改进表 ----使用新组件改进表单 ----改进的图表 ----更新的杂项页面 ----改进的文档以更好地理解和使用 已弃用 ----AgGrid(将在未来更新中移除) 已移除 ----删除了内容页面并移至文档 ----资料清单 ----芯片组件 ----图表 ----谷歌地图 设计文件【添加】 ----添加了带有原子设计系统的 Sketch & Figma 完整设计文件。 ----明暗设计系统 ----响应式支持 ----2 个仪表板和 6 个布局 ----9 个应用程序和 30 多个页面 ----所有 UI 和表单元素、小部件、图表 电子邮件模板【添加】 ----添加了随时可用的电子邮件模板 --------欢迎 --------验证账户 --------重设密码 --------关闭户口 --------发票 --------促销

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值