偶看新闻盗墓笔记如何提高攻击:网页编程入门（二）
来源：百度文库 编辑：偶看新闻 时间：2024/06/12 14:26:01
作者：吴刘平 文章来源： 点击数：1168 更新时间：2006-6-11 
上一篇我给大家介绍了网页编程最基本的html知识，但是到目前为止，我们仅学会了通过编程的方式修改网页的标题，但是我想大家有了前面的基础，往后学习就会更容易了，下面还是请大家启动FrontPage程序，让我们继续学习……
对于初学者，大都分都是对网页的代码标签不熟悉，不知道每个标签都是做什么用的，要是我象上次那样把每个标签给大家讲解（如表示XXXX）的话，大家可能会感觉到很枯燥，下面教大学一个学习html代码的简单而又实用的方法。
我们在启动了FrontPage后（这时编辑方式默认为“普通”，不要急着去点击“html”卡），然后我们在网页中输入“我爱网页编程”几个字，然后我们再点击网页底部的"html"选项卡打开该网页的html源代码，这里大家可以看到以下的代码：
New Page 1
现在大家可以看到了在之间多了“
我们再点击网页设计区下页的“普通”选项，返回普通编辑状态，在刚才“我爱网页编程”的几个字后面敲回车，然后输入“这里是第二段”几个字。再查看html代码，这里会发觉在之间的代码变成如下所示了：
在网页里就有两段文字了，我们在进行文字编辑时，遇到要换行的地方时，总是通过输入回车来实现，所以在制作网页时也习惯于这样输入来换行，结果会发觉两行之间怎么那么宽呀？
这就是搞的鬼了，你每敲一次回车，网页设计程序认为你另起一段，所以就会增加代码，所以两行之就变成了两段字，所以就很宽咯！
下面我们按照添加第二段文字的方法添加第三段，在第三段输入“这里是第三段，换行开始”，然后从“插入”菜单中选择“插入换行符”（换行了耶，两行之间不是很宽了，正是我想要的^-^），再输入“换行结束……”，输入完毕后，查看一个html源代码，这时之间的代码变成了：
从上面的代码可以看到，原来在html代码中换行是用
标签来表示的（这下好了，我想在哪换行就在哪加
,嘿嘿，我得意的笑，我得意……）。
下面可以在html代码时输入多个“
"标签，练习一下，然后好好理解这两个标签的用途（同学们可一定要多练习哟，不然将来不会了，老师会打屁屁的哟）。
不是说是一个简单而又实用的方法吗？怎么说了半天又是“”标签又是“
”标签的，好复杂哦，老师，记不住啊？？？？
你可以记不住，但一定要学会通过在“普通”状态和“html”之间的切换来学习标签代码，下面我们再来看几个倒子。
网页上出现得最多的莫过于“链接”了，这个东东使我们可以通过鼠标点击实现在页面间跳来跳去……
请大家在html的之间输入下面的代码：
百度搜索
然后点击设计区下面的“预览”，这里可以看到页面上的“百度搜索”几个字变蓝了，把鼠标移到上面，呀！有个手形光标耶，我点！我点！真神奇，百度搜索网站首页出来了……
（注意，在进行上面操作时，要保证输入的字符不能有错——编程的要求可严了，今后你会发觉，输错一个标点符号都不行噢！另外你的电脑要可以上网，不然的话会看不到百度网站首页）
如果你以前制作过网页，查看一下网页的html代码，看一下是不是每个链接都有YYYY的代码啊（其中XXXX是链接目标页面的网址，YYYY是我们在网页上看到的链接提示文字）
上面说了一大堆，总的目的是要让大家知道标签是用来做链接的……
再来看一个倒子：
在“普通”状态下，从“插入->表单->单行文本框”菜单中给网页插入文本框，再看一下在代码里增加了以下代码：
这么多代码，我晕……（千万别晕噢，不然到不了成功的彼岸了）
这里我简单地介绍一下几个要撑握的：
首先是这是代表“表单”，什么是表单呀？说得通俗一点，表单就是我们向网站提交的数据内容（一般都是我们从网站上获取信息，表单可不一样了，是网站向我们获取信息用的），就象我们平时办事时，总要先填个什么登记表之类的，你可以把表单想象成我们日常生活、工作中所用的这些单据……
这个是注解标签，里面的内容只是帮助我们理解设计代码用的，不会输出到网页上，大家可以先不管它。
这时文本框，就是我们在网页上可以输入文字的地方！
提交按钮，我们在填完表单以后，要想把填好的信息发送出去，就靠它了！
啊！！我煮的饭快糊了，交待一下，我们在网页上的所有界面元素（文字、图片、……）都有相应的标签代码表示，如果不晓得哪个标签代码表示什么，或不晓得界面元素用什么表示的话，就在FrontPage中切换"普通"和"html"选择卡吧，相信用这个方法，大家会很快就熟悉常用的标签了:)
（待续）
上一篇我给大家介绍了网页编程最基本的html知识，但是到目前为止，我们仅学会了通过编程的方式修改网页的标题，但是我想大家有了前面的基础，往后学习就会更容易了，下面还是请大家启动FrontPage程序，让我们继续学习……
对于初学者，大都分都是对网页的代码标签不熟悉，不知道每个标签都是做什么用的，要是我象上次那样把每个标签给大家讲解（如表示XXXX）的话，大家可能会感觉到很枯燥，下面教大学一个学习html代码的简单而又实用的方法。
我们在启动了FrontPage后（这时编辑方式默认为“普通”，不要急着去点击“html”卡），然后我们在网页中输入“我爱网页编程”几个字，然后我们再点击网页底部的"html"选项卡打开该网页的html源代码，这里大家可以看到以下的代码：
我爱网页编程
现在大家可以看到了在之间多了“
我爱网页编程
”的代码，这里的标签指的是段落，我们每在网页里输入一段文字，都会被加到这两个标签之间，有人也许会感到很讨厌这个标签，这可是网页的代码哦，如果不讨厌就不会复杂了，不复杂会的人就多了，会的人多了，……编程可就是有点让人讨厌的哟！我们再点击网页设计区下页的“普通”选项，返回普通编辑状态，在刚才“我爱网页编程”的几个字后面敲回车，然后输入“这里是第二段”几个字。再查看html代码，这里会发觉在之间的代码变成如下所示了：
我爱网页编程
这里是第二段
在网页里就有两段文字了，我们在进行文字编辑时，遇到要换行的地方时，总是通过输入回车来实现，所以在制作网页时也习惯于这样输入来换行，结果会发觉两行之间怎么那么宽呀？
这就是搞的鬼了，你每敲一次回车，网页设计程序认为你另起一段，所以就会增加代码，所以两行之就变成了两段字，所以就很宽咯！
下面我们按照添加第二段文字的方法添加第三段，在第三段输入“这里是第三段，换行开始”，然后从“插入”菜单中选择“插入换行符”（换行了耶，两行之间不是很宽了，正是我想要的^-^），再输入“换行结束……”，输入完毕后，查看一个html源代码，这时之间的代码变成了：
我爱网页编程
这里是第二段
这里是第三段，换行开始
换行结束……
从上面的代码可以看到，原来在html代码中换行是用
标签来表示的（这下好了，我想在哪换行就在哪加
,嘿嘿，我得意的笑，我得意……）。
下面可以在html代码时输入多个“
……
”标签和""标签，练习一下，然后好好理解这两个标签的用途（同学们可一定要多练习哟，不然将来不会了，老师会打屁屁的哟）。
不是说是一个简单而又实用的方法吗？怎么说了半天又是“”标签又是“
”标签的，好复杂哦，老师，记不住啊？？？？
你可以记不住，但一定要学会通过在“普通”状态和“html”之间的切换来学习标签代码，下面我们再来看几个倒子。
网页上出现得最多的莫过于“链接”了，这个东东使我们可以通过鼠标点击实现在页面间跳来跳去……
请大家在html的之间输入下面的代码：
百度搜索
然后点击设计区下面的“预览”，这里可以看到页面上的“百度搜索”几个字变蓝了，把鼠标移到上面，呀！有个手形光标耶，我点！我点！真神奇，百度搜索网站首页出来了……
（注意，在进行上面操作时，要保证输入的字符不能有错——编程的要求可严了，今后你会发觉，输错一个标点符号都不行噢！另外你的电脑要可以上网，不然的话会看不到百度网站首页）
如果你以前制作过网页，查看一下网页的html代码，看一下是不是每个链接都有YYYY的代码啊（其中XXXX是链接目标页面的网址，YYYY是我们在网页上看到的链接提示文字）
上面说了一大堆，总的目的是要让大家知道标签是用来做链接的……
再来看一个倒子：
在“普通”状态下，从“插入->表单->单行文本框”菜单中给网页插入文本框，再看一下在代码里增加了以下代码：
这么多代码，我晕……（千万别晕噢，不然到不了成功的彼岸了）
这里我简单地介绍一下几个要撑握的：
首先是这是代表“表单”，什么是表单呀？说得通俗一点，表单就是我们向网站提交的数据内容（一般都是我们从网站上获取信息，表单可不一样了，是网站向我们获取信息用的），就象我们平时办事时，总要先填个什么登记表之类的，你可以把表单想象成我们日常生活、工作中所用的这些单据……
这个是注解标签，里面的内容只是帮助我们理解设计代码用的，不会输出到网页上，大家可以先不管它。
这时文本框，就是我们在网页上可以输入文字的地方！
提交按钮，我们在填完表单以后，要想把填好的信息发送出去，就靠它了！
啊！！我煮的饭快糊了，交待一下，我们在网页上的所有界面元素（文字、图片、……）都有相应的标签代码表示，如果不晓得哪个标签代码表示什么，或不晓得界面元素用什么表示的话，就在FrontPage中切换"普通"和"html"选择卡吧，相信用这个方法，大家会很快就熟悉常用的标签了:)
（待续）