网页设计_04_网页设计基础语言HTML.ppt

网 页 设 计 西 南 交 通 大 学 第四章 网页设计基础语言HTML HTML概述 HTML的一般标记符 文本标记符 列表标记符 链接标记符 表格标记符 表单标记符 多媒体标记符 本章小结 4.1 HTML概述 4.1 HTML概述 到目前为止，一共有四个标准的版本： (1) html 2.0 iete的html工作组定义。这个版本定制了html核心特征的标准。 (2) html 3.2 w3c于1996年发布html3.2建议书，它添加了对许多新特性的支持，如表格、 Applet、文字对图片的环绕方式等，并提供对html 2.0的兼容。 (3) html 4.0 一共有两个发行版本。第一个是w3c在1997年12月18日发布的建议书。第二个于1998年4月24日发由，主要修改了第一个发行版本中的一些限制。 (4) html 4.1 w3c于1999年12月24日发布，它只是修正了html4.0中的一些不足之处，不足以命名为5.0版本，所以取名为html4.01,表示是html4.0的补充。 4.2 HTML的一般标记符 一个简单网页的制作 第一步：打开Windows下的记事本。 第二步：输入下面代码 html head title HTML网页设计教程 /title /head body 你好! 欢迎浏览本网页！/body /html 第三步：以sample.htm为文件名保存文件并关闭该文件。 第四步：双击sample.htm文件，浏览器会自动执行它。 4.2 HTML的一般标记符 1．每一个HTML文件以html开始，以/html结束，浏览器遇到html标志时，会按照HTML的标准来解释后面的文本，直到/html才停止解释。html和/html是成对出现的，所有的文本和命令都在它们之间。 2．head是网页的头部标记，通常紧跟html之后。head与/head之间的文本是整个文件的序言，不属于HTML文件本体部分，不在浏览器屏幕中显示。 3．title用来说明文件标题，TITLE元素的格式为：title文件题目/title ，一个好的题目应该使读者能从中判断出该文件的大概内容。浏览时文件题目将显示在IE浏览器标题栏上。title中不包含其他标记。 4．body和/body之间是网页主体内容。在body标签中可以规定整个文档的一些基本属性，如：“bgcolor” 属性，用于指定文档的背景颜色,“text” 属性用于指定文档中文字的颜色。 5．所有标记不得交叉，如body与/body必须包含在html与/html中间。 6．HTML文件对书写格式要求不太严格。 4.3 文本标记符 — 常用文本标记符 4.3 文本标记符 — 常用文本标记符 4.3 文本标记符 — 常用文本标记符 4.3 文本标记符 — 滚动字幕 滚动字幕能使网页生动活泼，增加视觉效果。标签为：marquee… /marquee。 marquee标签有这样几个常用属性： 1．derection属性，用于指定文字移动方向，属性值有：left、right。 2．behavior属性，指定文字移动方式。属性值有：scroll、 slide、 alternate，分别表示文字一圈一圈的绕着走、只走一次、来回走动。 3．loop属性，用于指定循环次数，若不指定循环次数，则表示循环不止。 4．scrollamount属性，用于指定文字移动的速度。 5．bgcolor属性，用于指定文字背景色。 4.3 文本标记符 — 滚动字幕 例5-3 滚动字幕举例 htmlhead title滚动字幕/title /head body text=#ff0000 bgcolor=#ccff99 marquee请进入音乐休闲屋/marquee marquee direction=left看我还会动呢,并且是从右向左移动 /marquee p marquee direction =right behavior=scroll我从左向右一圈一圈的移动 /marquee p marquee scrollamount=18我是不是移动的比较快？