HTML及Script基础文档.doc

HTML Script 教案 第一部分 HTML 网页设计 5.1 什么是HTML文件 【实训目标】 认识HTML文件，即超文本标记语言。是一种特殊的、通过浏览器显示的文档编排语言。 【相关技术】 html 基本框架： 1、 HTML是英文Hyper Text Markup Language的首字母缩写 2、 HTML文件是一个带标签的文本文件 3、 浏览器通过标签来正确显示页面 4、 HTML文件的后缀是“.htm”或“.html”，刚才我们使用的是第一种形式 5、 一个HTML文件可以由简单的文本编辑器来编辑生成 一、创建HTML文件 1、 打开记事本 2、 输入如下代码： html head title网页基础知识实验（1）/title /head body 这是我的第一个主页b这是我的第一个主页/b /body /html 保存为htm作后缀的文件“webBasic001.htm” 在浏览器中浏览该文件 5.2 HTML元素 【实训目标】认识HTML文件的元素及标签。 【相关技术】1、 HTML文件用标签来标记元素； 2、 标签由两个“”和“”括起来； 3、 标签一般是成对出现的，如html/html，第一个标签是开始标签，第二个标签是；结束标签，两个标签之间是HTML元素的内容； 4、 有个别标签可以单独出现，如br/，一般会在“”前加上个“/”，表示该标签的结束； 5、 HTML标签对大小写不敏感，所以b和B是一样的意思。 【实训过程】 一、创建HTML文件 1、 打开记事本 2、 输入如下代码： html head title网页基础知识实验（2）/title /head body 了解HTML元素br/b我在第二行, 我是粗体字/bbr/ i我在第三行，我是斜体字/i〉 /body /html 保存为htm作后缀的文件“webBasic002.htm” 在浏览器中浏览该文件 5.3 基本的HTML标签 【实训目标】认识HTML文件的主要标签。 【实训结果】 【相关技术】1、 HTML文件的主要标签； 2、 标题标签，h1/h1到h6/h6； 3、 段落标签，p/p； 4、 换行标记，br/； 5、 水平线标签：hr； 6、 注释部分，如!-下面是段落内容 --。 常用HTML代码速查表 ??? 标记或参数 定 义 A 连结标记 ADDRESS 地址标记（斜体效果） AREA 连结区域标记（设定各连结区域） alink 点击连结时的样式。例：alink=#FF0000 align 水平方向摆放位置。例：align=center alternate 来回走动，例：behavior=alternate alt 在连结中插入文字说明。例：alt=绿叶园 autostart 媒体文件传输完后是否自动播放。例：autostart=true auto 自动、视情况 ? B 字体加粗标记（产生字体加粗的效果） BODY 正文标记（设计文件格式及内文所在） BR 换行标记（令文字、图片等显示在下一行） BIG 字体加大标记（令字体稍为加大） BLINK 闪烁文字标记（令文字产生闪烁效果） BGSOUND 背景声音标记（于背景播放声音或音乐） BASE 连结基准标记（可将网页中所有的相对路径转换成绝对路径） BASEFONT 基准字形标记（设定所有字的字形、大小、颜色） BLOCKQUOTE 引述文字区块、令文字在表格的上下左右留有一定的空间 background 背景墙纸。例：background=01.JPG bgcolor 背景颜色。例：bgcolor=#ff0000 bgproperties 固定背景墙纸。例：bgproperties=fixed border 边框。例：border=10 bordercolor 边框颜色。例：bordercolor=#000080 bordercolorlight 边框向光部分的颜色。例：bordercolorlight=#000000 bordercolordark 边框背光部分的颜色。例：bordercolordark=#ffffff bottom 置于底端。例：valign=bottom behavior 卷动方式。例：behavior=alternate _blank 表示连结的目标地址在新建窗口中打开。例：target=_blank ? CENTER 居中标记（令文字、图片、表格等显示于中间） CAPTION 表格标题（做成一打通列以填入表格标题） CODE 程式码（字体稍为加宽如） CITE 引述（斜体效果） colspan 该单元格向右打通。例：colspan=5 color 颜色。例：color