上一次讲了一个语言，html。这种语言叫标记语言，属于网页的格式语言。

有了这个标记语言网页就可以用各种各样的格式展示在大家面前。这次课程，主要给大家讲讲网页上文字大小格式，表格形式展示的方法。

大家也看到了，上次的没有讲什么格式，给大家写了几个字在屏幕上就完了，现在我们想把这些字用大一点的字体显示，也就是作为一个标题字显示出来。

同时更进一步的展示给大家，如何使用表格，在屏幕上用表格来显示想表达的内容。

先打开我们的桌面，然后找到DW，这个软件的位置双击它。程序运行后你会看到这个程序的界面，这里我们有一个网页已经写好了。这就是我们等会要学习如何达到这个效果的。

我们先创建一个新的文件，这个文件要选择页面文件的类型，就选择html，就是我们一直要想做的网页。到这里你会看到这个软件已经自动给我们生成了一个相当于模板的一个文件格式，他们里面有的东西就是我们上次给大家讲的，每一个都有它的标记语句。

因为我们现在什么都没有，所以在这个标题就叫 title 标题（抬头），上面有写着的是无标题文档，这是它默认的文字。

我们先把它改为我们需要的文字，这里写上灌溉大师。

题目写好了以后，我们就转到这个主体部分，也就这个英文body中间我们给他来一个回车。现在空出来了，我们要写上一些文字，我们准备在这里写什么，就写一个标题吧。上面的菜单，你把鼠标放在上面，它就会显示出它是什么功能的菜单了。有水平线,表格,div标签，注释，文件头等等菜单，在标签选择器，我们点击标签选择，我们就会发现这里有很多内容。先找一找，你看我们找到了格式和布局，里面有h1的标题，相当于我们文档的那个h1一样的，现在我们就给这个标题写上一个，我们要的标题。居中对齐，文字标题1 灌溉教学。点确定。看在左边这个我们叫做编辑区，里面内容就看到了那个标题的那个叫H1 标记，这就是我们所谓的标记语言的特点，每一个语句里面都有一个标记来告诉你这是什么东西，h1，这表示这是文字标题 h1的标记。

看看他在页面上应该显示了什么，因为我们刚才插入的是在编辑区，那么它显示出来应该是什么，我们这里就有一个实时视图，点实时视图，这个就可以看到了，程序运行后我们应该将来看到的，显示在屏幕上的文字内容。

当然了，我们在本地就能看到显示内容效果，所见及所得，我们也可以把它放到浏览器去看。

除了这个标题h1以外，我们还有标题2标题3，他们都分别代表不同的标题的层次。

让我们来看看div标签，大家不要小看这个div，它这个标签作用很大，主要是来来提供屏幕显示的格式的，特别是你要占屏幕百分之多少的宽度这些都可以在上面标注。

因为等下我们要写一段文字，所以先把这个div标签插入。这个div标签有很多选择项，他可以在标签前后插入，我们现在什么标签都没有，就选择一个插入。命名一个类，名字就是class。有了这个以后，你可以有很多的选择都可以在class中表示，比如说居中显示，显示的宽度占百分之比。

命名这个类的名字叫my div。加上这个DIV的ID名。这里面还可以选择很多，都在css里选项中。

我们点一下确定，你看在这个编辑区里面，它就出现了一段代码，这个代码就是div这个 class这个类他应该有的内容。

我们在div这个class里面加一个a标记，这个a标叫做链接标记。他可以链接到外部浏览器去一起，只要你给他一个地址。

HREF这个就是需要你输入一个网站地址。

我们这里就输入我们的灌溉大师网站地址。

目标选择项，事实上就是你可以把它放在现在这个网页上，也可以把它放到一个新的网页上，现在我们选择new就表示, 需要放在新的网页上来显示。你不认识这个标签的功能，它这里有说明，这里就有详细的标签信息，可惜它完全都是英文的，所以我们只是告诉大家一下，估计也没多少用。

我们才写了一个外接的链接，但是我们需要找到他，那必须要有一段文字来表示，这个链接在我们的显示屏上是哪一段文字？所以我们这里添加了访问灌溉大师网站这些文字。好，在屏幕上我们看到了，只是他和那个前面的字是在一行上，我们要调整一下，想把他访问灌溉大师网站几个字放在下一行。

你看我们是怎么实现的，所以要找一个标记符，这个标记符是br了，就是换行的意思。这个也找好了，你看看这个显示，马上改为下一行显示了。我们又把这个编辑好的文字放到网上去看，也就是用浏览器去看，这就模拟放到网上去看的效果了。

先要把这个文件保存下来，然后才能把它放到浏览器去看。

这就是在IE浏览器看能看到的效果。

我们再点一下访问灌灌大师网站这个链接你就会发现它跳出来了一个新的网页，这个新的网页在闪动，我们点一下看看。看到了吧，这就是我们的灌溉大师网站。

由于这个我们在打开这个浏览器的时候尺寸比较小，所以它显示的是小尺寸的显示方式，也就相当于我们用手机和屏幕比较小的 iPad看到的效果。

我们可以拉一下这个窗口它就会变大了一点，马上会发现它显示风格改了，这个就是我们看到的，用电脑，PC机桌面用浏览器看到的效果。

我们把这个窗口尺寸给收回去，结果他也又改了，改回来用手机看到的效果。

我们今天还有一个内容，讲一下表格在标记语言的写法。

这回我们再插入一个表格，我们看到这里有个表格，选择项在菜单里面我们点一下，然后他就跳出来转入表格，选择的菜单。

把这个表格命名为灌溉项目。这两个几个黑点是表示表头位置，自己想把表格中的表头放在上面，左边还是在哪里？

这里有个提示，随便写两个字提示。

我们在表格出来以后分别改成序号，名称，内容，数量。现在显示区在实时状态，所以要把实时关掉，你才能够在这个显示模拟器上，修改所见所得的修改我们表格的尺寸大小。

我们在1行和2行上加上编号1和2。

写一些数据在上面名称，灌溉，内容，测试，数量，1122。

点击在模拟浏览器上进行查看，保存文件。你就会看到我们刚刚写成的这段文字，也就是标记语言内容，通过浏览器显示成什么样子。

把它放大。按F12键，这时他就会把后台的内容给显示出来，你看看这些内容和我们在编辑区里面看到的内容基本上一样的。

当然了，这里面有很多人缩进去了，没有展开缩在里面。

我们用IE浏览器再看一遍也能看到这个效果，我们按f12，IE浏览器的f12显示区在下方。

显示的内容也是和我们编辑器看到一样，但是他没有完全展开，我们点击展开他就会看到说内容和我们在编辑区写的内容是一样的。

这基本上把我们这一课讲完了，但是我们这个课程讲了，关键不是我们所说的计算机课程，所以说我们是一个工程师，在学习计算机语言，我们需要从我们工程师的角度去看计算机语言这个事，所以这个标记语言很简单，就是为了让浏览器能够理解我们要干什么，所以我们对这个浏览器后台文本采用标记语言进行编辑，那么它就会显示出我们要的效果来。

后面，我们还会看到很多的工程师学习计算机语言的方式，这就是我在这里想说的我们工程师要进行一些分析计算的时候，就是判断这个事怎么样的时候，首先要做实验，得出数据和计算方法以后，就可以变成规范来进行工程项目的计算。这里在计算机编程中也可以像这样去操作，也就是说我们在编了一段语言以后，我们通过让它运行一下，观察它能显示什么效果来了解程序的编辑方式，也就是程序开发的方法。

从工程师的角度看待计算机编程，这就是我们未来培训的时候会反复讲的事。

更多讲课视频内容敬请搜索“灌溉大师”网站。