网页制作及应用（刘永华 潘明寒）电子教案 5html.pptVIP

第5章 网页设计语言HTML 学习目标 HTML的概念 HTML的语法与结构 掌握HTML的各种标记符号及其属性 能够制作简单网页 第5章 网页设计语言HTML 教学内容 5.1 HTML概述 5.2 HTML的一般标记符 5.3 文本标记符 5.4 列表标记符 5.5 链接标记符 5.6 表格标记符 5.7 表单标记符 5.8 多媒体标记符 　　本章小结 5.1 HTML概述 5.2 HTML的一般标记符 — 一个简单的网页 一个简单网页的制作 第一步：打开Windows下的记事本。 第二步：输入下面代码 html head title HTML网页设计教程 /title /head body 你好! 欢迎浏览本网页！/body /html 第三步：以sample.htm为文件名保存文件并关闭该文件。 第四步：双击sample.htm文件，浏览器会自动执行它。 5.2 HTML的一般标记符 — 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文件对书写格式要求不太严格。 5.3 文本标记符 — 常用文本标记符 5.3 文本标记符 — 常用文本标记符 5.3 文本标记符 — 常用文本标记符 5.3 文本标记符 —滚动字幕 滚动字幕能使网页生动活泼，增加视觉效果。标签为：marquee… /marquee。 marquee标签有这样几个常用属性： 1．derection属性，用于指定文字移动方向，属性值有：left、right。 2．behavior属性，指定文字移动方式。属性值有：scroll、 slide、 alternate，分别表示文字一圈一圈的绕着走、只走一次、来回走动。 3．loop属性，用于指定循环次数，若不指定循环次数，则表示循环不止。 4．scrollamount属性，用于指定文字移动的速度。 5．bgcolor属性，用于指定文字背景色。 5.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我是不是移动的比较快？ /marquee P marquee loop=3 bgcolor=blue我的底色是黄的，我循环三次即停止移动 /marquee p /body /html 5.4 列表标记符 — 有序列表 5.4 列表标记符 — 无序列表 5.4 列表标记符 —定义列表 5.5 链接标记符 5.5 链接标记符—不同文件间的链接 5.5 链接标记符—