HTML(列表与表格的使用)
一列表的使用1无序列表1.无序列表的主要作用是展示一组没有固定顺序并列存在的信息。2.结构定义:ul标签包裹列表项列表项用li标记。p无序列表/p ul li香蕉/li li苹果/li li橘子/li /ul***ul标签存在type属性可以定义一个无序列表的前导字符type可以取不同的值【disc实心圆circle空心圆square方框】p无序列表/p ul typedisc li香蕉/li li苹果/li li橘子/li /ulp无序列表/p ul typecircle li香蕉/li li苹果/li li橘子/li /ul2有序列表1.有序列表的主要作用是展示一组有固定顺序分等级的信息2.结构定义ol包裹列表项每个项用li标记***可以使用快捷指令快速生成所需列表框架ali*3p有序列表/p ol li爸爸/li li妈妈/li li儿子/li /ol***ol标签存在type属性可以定义一个有序列表的符号样式type可以取不同的值【数字123大小写英文字母AaBbCc大小写罗马字母I i】p有序列表/p ol typeA li爸爸/li li妈妈/li li儿子/li /olp有序列表/p ol type1 li爸爸/li li妈妈/li li儿子/li /ol3列表的嵌套使用1.主要作用能够划分层级理清关系使结构更规范符合语义2.可用在目录步骤说明等场景ol li第一章 ul li1.1/li li1.2/li /ul /li li第二章 ul li2.1/li li2.2/li /ul /li /olol li安装软件 ul li下载安装包/li li按提示进行下一步/li /ul /li li配置环境 ul li修改配置环境文件/li /ul /li /ol二表格的使用1.表格的结构表格是由行和列组成的二维表每行又由一个或多个单元格组成用于放置数据或者其他内容表格中的单元格是行与列的交叉部分是组成表格最基本的单元。2.表格的基本语法表格主要通过tabletrtd3个标签构成。表格的标签为table,行的标签为tr表项的标签为td。body table tr td单元格1/td td单元格2/td td单元格3/td /tr tr td单元格4/td td单元格5/td td单元格6/td /tr tr td单元格7/td td单元格8/td td单元格9/td /tr /table /body(并未给表格设置属性参数所以未显示边框3.表格的属性1主要作用对表格进行美化2常用属性对齐方式背景颜色边框高度宽度body table border1 width400rpx height200rpx tr td单元格1/td td单元格2/td td单元格3/td /tr tr td单元格4/td td单元格5/td td单元格6/td /tr tr td单元格7/td td单元格8/td td单元格9/td /tr /table /body4. 不规则表格1表格的跨行跨行是指单元格的垂直方向上合并body table border1 width400rpx height200rpx tr td单元格1/td td单元格2/td td rowspan2单元格3/td /tr tr td单元格4/td td单元格5/td td单元格6/td /tr tr td单元格7/td td单元格8/td td单元格9/td /tr /table /body2表格的跨列跨列是指单元格在水平方向上合并body table border1 width400rpx height200rpx tr td单元格1/td td单元格2/td td rowspan2单元格3/td /tr tr td colspan2单元格4/td /tr tr td单元格7/td td单元格8/td td单元格9/td /tr /table
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2518744.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!