1.表格

表格由主标签<table></table>定义，其属性只有一个：

属性	含义
border	边框 1 显示边框

表格框架标签

标签	含义
`<caption></caption>`	定义标题
`<thead></thead>`	定义页眉（列名）
`<tbody></tbody>`	定义主体（文本）
`<tfoot></tfoot>`	定义页脚

框架定义后，内含内容需要按行定义放入框架各部分

使用<tr></tr>定义单行，可选子标签定义每一格

标签名	含义
`<td></td>`	文本
`<th></th>`	列名一般仅出现一次

文本直接插入标签之间，无需引号
子标签从上到下排放代表单行从左到右

单元格合并

通过在子标签加属性的方法完成

横向合并n格	纵向合并n格
`<th colspan=“n”><th>`	`<tr rowspan="n"><tr>`

纵向合并可能会很奇怪

举个栗子：表格

										
   
			    
     				Example				
    						    				     					      						A						 					      						B						 					     
				    
						    				     					      						Ⅰ						 					      						一						 					      						二						 					     
				     					      						三						 					     
							    
						    				     					      						This is The Foot.

Example
A	B
Ⅰ	一	二
三
This is The Foot.

在这里插入图片描述

2.列表

列表定义支持预设列表（有序列表、无序列表）和定义列表，它们的主标签有区别：

类型	主标签
有序	`<ol></ol>`
无序 HTML5已取消支持	`<ul></ul>`
定义	`<dl></dl>`

定义和预设的区别在于是否支持自定义标号
无序和有序的区别在于不同项的标号是否统一

列表的单行定义

\	定义
预设列表	`<li></li>`
自定义列表	标号：`<dt></dt>` 项目：`<dd></dd>`

列表可嵌套

有序列表标号的种类

通过主标签属性<ol type>更改

值	标号类型
(default)	阿拉伯数字
“A”	大写字母
“a”	小写字母
“Ⅰ”	大写罗马数字
" i "	小写罗马数字

举个栗子：列表

在这里插入图片描述

完

欢迎在评论区留言
感谢浏览

转载地址：http://cnpuk.baihongyu.com/

你可能感兴趣的文章

导航

文章目录