绝地求生大逃亡视频:网页编程入门(三)

来源:百度文库 编辑:偶看新闻 时间:2024/05/10 07:15:10
作者:吴刘平    文章来源:本站原创    点击数:1015    更新时间:2006-6-17    
大家好,这几天因为身体不太好,所以未能及时与大家一起学习网页编程……,闲话少说,还是开始我们的正题吧!
上一次课,主要给大家讲了一下如何通过在“普通”状态和“html”之间的切换来学习标签代码,在网页编辑过程中自动生成的标签代码中,有些简单,有些复杂……所以大家可能还是对这些代码还有很多不解的地方,下面我们还是再来学习一下有关标签的理论。
有些简单的标签里只有签标名,有的则包括了更多的内容,如
标签就只有标签名,而除了标签名之外还多了两个内容,一个是type,另一个是value,我们把标签的这些部分称为“属性”,它是用来定义标签的状态特征的,上面例子中的type是定义了"类型"属性,value是定义了"值"属性。
第一次接触“属性”这个概念,可能很多学员都得花点时间来理解它。
标签代码其实不是什么复杂的东西,它只是通过另一个角度(开发者角度)来描述网页内容罢了,可以这样理解,每一个标签都代表一个对象,这里所说的对象主要指包含在网页中的东西,如:网页上的链接、图片、文字段落、文字编辑框、按钮……等等,每一个对象都有一定的状态特征,如大小、颜色……,这些我们都称之为属性。
关于属性,大家还必须要注意一点,那就是它的表示方法,我们一般用“名值对”的方式表达,格式为:属性名=属性值,如type="submit",我们把等号左边的记为属性名,右边为属性值,因为这表示了一个属性与一个值相对应,所以这样一个表示方法,我们把它称为名值对。
不同的标签包含的属性不一样,但是任何一个标签都可以包括"id"属性和"name"属性。id属性是用来识别网页中各个对象的编号,在设置id属性时,必须保证不能有任何两个标签的属性值相同,就象我们每个人都有一个身份证号一样,而且必须保证每个人的身份证号码必须唯一。name属性则是给标签所代表的对象取一个名字,就象我们人一样,每一个人都有一个名字,两个不同对象的name属性值可以相同,就象两个人名字相同这是正常现象。
下面来看一下另一个我们在网页中非常重要的标签——图片标签

img是标签名,它表示这是一个图片,src是图片来源属性,这个属性使我们可以指出图片所在的地址(或位置),Skin/51dsn03/h_an1.gif就是这张图片的地址。
下面的小图标就是上页代码在网页中的结果表示

如果是想在网页中插入音乐或视频,又用什么标签呢?——可以试一下
例如:,这个标签可以播放我电脑中E:/音乐/MP3/不要再来伤害我.mp3这首歌,你也可以根据你的歌曲文件的位置更换“E:/音乐/MP3/不要再来伤害我.mp3”代码就可以了,视频文件也一样,只要把mp3文件改成视频文件的文件名就可以了。(注:在IE浏览器中得到支持,别的浏览器可能不行)
好了,这一节课我们学习了标签代码中的“属性”,属性在我们编辑过程中使用得非常多,也是学习面向对象编辑技术所必须撑握的基础知识,希望大家好好理会。
最后布置一点课后练习:
(1)在FrontPage中,在“普通”设计模式下输入一些文字,然后给文字设置成不同的颜色,查看所生成的html代码(主要注意各标签中的属性),然后反过来,修改html代颜色属性值,看一下不同的值显示出来的颜色是什么样的?
(2)设置文本的大小,再看一下html代码标签中的大小属性用什么来表示,修改大小属性值,再预览页面,看一下文本大小变化。
(3)从“插入->高级->插件”菜单中插入插件,在数据源中指定音频或视频文件,看一下生成的html代码(注意其中的"src"属性),然后预览一下,看看是否听到了音乐或看到了视频。