html的table复杂布局

table的布局主要是利用 tr(行) 和 td(列)。布局是行(tr)开始开展，从上到下进行 行 的布局，从左到右进行 列 的布局。

第一行：

第二行：

按照这个思路进行就可以了。

可能注意到了，每一行td中都添加了colspan，这是为了出现 运维支持 (这一列)边框线与上面错开的样式，当然要这样使用colspan，你要保证每一行的 colspan数相加的和相同。

如有错误，欢迎指正。

接下来，我们来看一下除了arc方法以外，其他使用路径绘制 图形 时会使用的方法。首先从绘制直线开始。

绘制直线一般会用到2个方法，分别是moveTo方法，lineTo方法

1. moveTo方法

moveTo方法的作用是将光标移动到指定的位置，绘制直线的时候以这个坐标为起点。使用如下：moveTo（x,y）

该方法有2个参数，x指指定左标的横坐标，y指指定坐标的纵坐标。

2. lineTo方法

lineTo方法是指在moveTo方法指定直线的起点和指定直线终点之间绘制一条直线。使用如下：

lineTo（x,y）

该方法的2个参数和moveTo方法的参数意义一样。使用该方法绘制完直线后，光标会自动移到lineTo指定的直线的终点。

因此，在创建路径时，需要使用moveTo方法将光标移动到指定的直线起点，使用lineTo方法在直线起点和直线终点之间创建路径，然后将光标移动到指定直线终点。

运行结果：

html是比较基础的知识点，难度的话相对于其他知识点来说并不算高。布局结构充分发挥空间想象力，通过合理的标签将其列举出来，这就是HTML。

学习html的方法只有一个，就是多理解，多写。HTML难的是背诵，要能够熟练地使用HTML需要大量的练习。

---