介绍

我们都知道普通的HTML自带的功能相对有限，很多复杂的交互式场景，如果手动去写功能的话会非常的复杂，而且可扩展性差，就拿HTML表格来说，对于初学者或者对于复杂的拖拽式交互编程不熟悉的话会很浪费时间，因此今天就介绍一个第三方的插件——Table-draagger，来轻松实现类似的功能。Table-draagger是用于构建可重排序的拖放表的极简主义纯Javascript库！

Github

1.HTML基本标签

HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是WWW的描述语言。

• HTML标签由标签、属性、内容组成，属性与内容可选。
• 包含内容的标签以<…>开始，</…>结束，不包含内容的标签可以是如下格式：<…/>
• 属性的值尽量用双引号或单引号修饰
• 标签中的内容可以是其他的标签，称为原标签的子标签，子标签必须在父标签结束之前结束

上节课，使用table做出了一个最基本的表格，学会了设置表格的属性，调整宽度和边框。

这节课，来学习如何更多table的用法，以及使用table来对页面进行版面布局的方法。

上节课的课后练习

1.表格当中增加4行内容：Windows 20年，Linux 10年，Oracle 10年，MySQL 12年。

修改html文件，复制粘贴4行，然后修改里面的文字内容：

刷新页面：