HTML Table表格的文字大小与字型在传统的HTML网页设计规则中，可以透过HTML预设font文字标签中的size与face分别设定文字大小与字型，这样的写法在HTML5以前是相当普遍的，而到了HTML5开始，修改表格文字大小与字型必须使用css来处理，因为HTML5不支援传统HTML font的size与face属性，在css的规则里，修改文字大小是用font-size，而修改字型则是使用font-famliy，以下范例分别使用HTML传统的font标签以及css的属性来修改表格文字。
范例一、用HTML font文字标签修改表格文字大小与字型
<table border="1" cellpadding="5">
<tr>
<td><font size="5">这是size = 5的文字大小</font></td>
<td><font face= "DFKai-sb">这是标楷体的文字字型</font></td>
</tr>
</table>
呈现结果
诚如第一段所说，若要符合最新的HTML5网页设计标准，表格内的文字大小与字型就必须使用css来设计，范例二就提供这样的设计方式，除了可以像范例一这样每个栏位不同的文字样式，还可以一次设定整个表格的文字样式，用起来效率非常好。
范例二、用css的font-size与font-family来修改表格文字大小与字型
<table border="1" style="font-size:18pxfont-family:serif" cellpadding="5">
<tr>
<td>这是表格预设文字样式</td>
<td><span style="font-size:13px">这是13px的文字大小</span></td>
<td><span style="font-family:DFKai-sb">这是标楷体字型</span></td>
</tr>
</table>
呈现结果
二在table标签开头就先加入了『style="font-size:18pxfont-family:serif"』这样的语法，代表将整张表格内的所有文字大小都预设为18px，而且字型使用serif，这可是传统HTML的font标签没办法做到的高效率设计方式，接着我们在表格的三个栏位，分别使用预设文字样式、修改大小为13px（font-size:13px） 、字型改为标楷体（font-family:DFKai-sb），可以清楚的看到，只要在表格中任何栏位或一段文字，用span标签包起来，就可以特别为文字做不同的样式设计。
1,使用传统的方法<table width="400">
<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<table>
2,使用css
<style>
.td{width:100px}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度
3,用css
<style>
.td{width:100pxoverflow:hidden}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节
HTML <ul> 元素 ( 或 HTML 无序列表元素） 代表多项的无序列表，即无数值排序项的集合，且它们在列表中的顺序是没有意义的。通常情况下，无序列表项的头部可以是几种形式，如一个点，一个圆形或方形。头部的风格并不是在页面的 HTML 描述定义, 但在其相关的 CSS 可以用 list-style-type 属性。 ul 标签需要和 li 标签结合使用。
属性说明：
HTML <ol> 元素 表示多个有序列表项，通常渲染为有带编号的列表。
属性说明:
HTML 元素 （或 HTML 描述列表元素）是一个包含术语定义以及描述的列表，通常用于展示词汇表或者元数据 ( 键-值对列表 )。
HTML 的 table 元素表示表格数据 — 即通过二维数据表表示的信息。
?>属性：(写在开头标签的里面的单词就叫做该元素的属性)
浏览器运行效果如下：
把上面表格中数字为 1 和 2 的单元格进行合并，数字为 3 和 6 的单元格进行合并。
数字为 1 和 2 的单元格分别在不同的列中所以是进行了列合并，因为只需要合并两个单元格所以 colspan 的值为 2， 列合并只需要在数字为 1 的单元格中添加属性 colspan，然后把数字为 2 的单元格删除，列合并就完成了。
数字为 1 和 2 的单元格分别在不同的行中所以是进行了行合并，因为只需要合并两个单元格所以 rowspan 的值为 2， 行合并只需要在数字为 3 的单元格中添加属性 rowspan，然后把数字为 6 的单元格删除，行合并就完成了。
浏览器运行效果如下：
