您好,登录后才能下订单哦!
这篇文章主要介绍“怎么使用HTMl列表和表格”,在日常操作中,相信很多人在怎么使用HTMl列表和表格问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么使用HTMl列表和表格”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
(1)在XHTML 中标签名称必须小写,在HTML 中标签名称既可以小写也可以大写;
(2)在XHTML 中标签必须封闭,在HTML中标签可以不成对出现;
(3)在XHTML 中标签必须严格嵌套,HTML对标签嵌套没有严格规定;
(4)在XHTML 中属性名称必须小写,在HTML 中也一样;
(5)在XHTML 中标签必须用双引号引起来,HTML中可以不用;
 
;表示空格;
"
表示双引号;
&
表示&符号;
>
表示大于号>;
<
表示小于号<;
©
表示版权符号©;
(1)无序列表
无序列表是一个项目列表,使用项目符号标记无序列表的项目,无序列表也就是没有顺序的列表;
无序列表的type属性取值有三种,分别是circle(圆圈)、disc(实心圆点)、square(方块);
# 打印实心圆点的无序列表 <body> <ul type="disc"> <li>第一</li> <li>第二</li> <li>第三</li> </ul> </body>
(2)有序列表
有序列表也是由一个个列表项组成,列表想既可以使用数字标记,也可以使用字母标记;
有序列表的type属性取值有5中,分别是1(数字)、i(小写罗马字母)、I(大写罗马字母)、a(小写字母)、A(大写字母);
# 打印数字排序的有序列表 <body> <ol type="1"> <li>我最爱椰奶</li> <li>第二爱可乐</li> <li>第三爱橙汁</li> </ol> </body>
(3)定义列表
定义列表是当无序列表和有序列表都不适合时,通过自定义列表来完成自定义展示,所以定义列表不仅仅是一个项目列表,而是项目和注释的组合;
<body> <dl> <dt>春晓</dt> <dd>春眠不觉晓,处处闻啼鸟</dd> <dd>夜来风雨声,花落知多少</dd> </dl> </body>
(1)表格的基本结构
单元格:表格的最小单位,一个或多个单元格纵横排列组成了表格;
行:一个或多个单元格横向堆叠形成了行;
列:一个或多个单元格纵向堆叠形成了列;
<table> <tr> <td>第一行第一列</td> <td>第一行第二列</td> <td>第一行第三列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> <td>第二行第三列</td> </tr> </table>
(2)表格的对齐方式
align属性:left表示水平居左、center表示水平居中、right表示水平居右;
valign属性:top表示垂直置顶、middle表示垂直居中、bottom表示垂直靠底;
(3)表格的其他属性
th
:一种特殊的单元格,加粗并居中;
caption
:表格标题;
cellspacing
:规定单元格之间的空间;
cellpadding
:规定单元边沿与其内容之间的空白;
colspan
:表格跨列;
rowspan
:表格跨行;
到此,关于“怎么使用HTMl列表和表格”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。