《网页设计与制作实验指导书》河南科技大学经济与管理学院
目录
实验规则 (3)
实验报告要求 (4)
基本实验方法 (4)
实验环境 (4)
实验一Dreamweaver8基本操作、站点管理 (5)
实验二网页的定位技术以及制作层动画 (7)
实验三网页编辑与超链接 (10)
实验四层叠样式、模板和库 (14)
实验五表单与扩展管理器 (20)
实验六网页设计与制作 (21)
实验规则
为了顺利完成实验教学任务,确保人身设备安全,培养严谨、踏实、实事求是的科学作风和爱护国家财产的优良品质,特制定以下实验规则:
1、实验纪律
(1)在实验室不得做和实验无关的事情。
(2)遵守纪律,不迟到,不旷课。
(3)不能拆卸硬件,更不能拿走实验设备或仪器。
(4)保持实验室安静、整洁,爱护公物。
2、实验过程
(1)预习实验内容。
(2)上机操作。记录实验中遇到的问题,主要是错误信息和错误原因。
(3)检查操作结果是否正确。
(4)根据实验过程的记录书写实验报告。
实验报告要求
1、报告用纸采用统一的河南科技大学实验报告用纸,或按照指导老师指定的统一格式打印。
2、实验报告封面内容
实验名称:(如实验一网页的定位技术)
班级名称:(如计031班)
学生学号:
学生姓名:
实验时间:
3、实验报告内容
见各具体实验项目的要求。
基本实验方法
本实验要求熟悉Dreamweaver8.0的工作环境和网页设计制作的相关知识。
实验环境
Dreamweaver8.0
实验一Dreamweaver8基本操作、站点管理
一、实验目的和要求:
1.掌握Dreamweaver 8启动和退出的方法。
2.掌握本站点的设置方法。
3.掌握创建、打开和保存HTML文档的方法
二、实验内容:
1.网页编辑器的基本操作
(1)用不同的方法启动和退出Dreamweaver 8。
(2)用快捷键打开和关闭【插入】面板和【属性】面板。
(3)将【代码】浮动面板组打开后,先移出,再移入浮动面板放置区,然后再将【设
计】浮动面板组中的【CSS样式】组合到【代码】浮动面板组中。察看浮动
面板组操作后的效果。
(4)用快捷键关闭和打开浮动面板组,用鼠标折叠和展开各个浮动面板组,察看浮
动面板组操作后的效果。
(5)启动Dreamweaver MX后,打开、关闭标尺显示,设置标尺单位分别为厘米、
英寸、像素;显示和隐藏网格,设置网格属性,【间隔】为10像素,【显示】
为线,【颜色】为#CCCC99,选中【靠齐到网格】复选项。
2.建立网站的基本操作
(1)打开站点管理器,在本地计算机的当前盘根文件夹中,建立名为myweb的文
件夹。
(2)把文件夹myweb设置为本地站点的根文件夹。然后建立名为image文件夹。
(3)在本地计算机的当前盘根文件夹中,建立名为our site的子文件夹,并切换为
本地站点的根文件夹。
3.文件管理基本操作
(1)将ch12\material文件夹中的两个文件bg0004.gif和bg0093.gif及my rose中的
文件rose.htm,分别复制到本地站点“我们的站点”的our site文件夹中。
(2)在文件夹中our site中新建子文件夹image,并将our site中的文件bg0004.gif
和bg0093.gif转移到image文件夹中。
(3)请正确显示rose.htm网页。
4.制作简单网页
按下述要求制作网页exe12-1.htm,如图12-2所示。
(1)页面的背景图片为ch12\material文件夹中的图片bg0015.jpg。
(2)在合适的位置上插入ch12\material文件夹中的图片文件ex1.jpg。
(3)在网页中输入文字:一件好的作品,如一阵清新的风,一曲温婉的歌,让人心
旷神怡。一件好的作品,如一杯香醇的茶,一瓶陈年的酒,让人回味无穷...
(4)将网页用exe12-1.htm为名保存在本地站点的文件夹our site中。
图12-2 简单网页exe12-1.htm
三、实验学时:3学时
实验二表格应用和框架
一、实验目的和要求:
1.掌握表格创建和编辑的方法
2.掌握布局表格和布局单元格的使用方法
3.掌握框架网页的创建、编辑和保存的方法
二、实验内容:
1.表格的创建、插入、删除、复制和移动等操作
(1)创建一个名为exe14-1.htm的网页文件,将其保存到My site 文件中。在页面上输入4行5列的表格,表格宽度为500像素,表格的边框为1像素,在表格中输入如表所示的内容。并在表格上方增加标题“信息学院各班平均成绩”,标题格式设置为方正舒体、5号、粗体、#003366。
表各班平均成绩表
科目数据原理计算机组成实验英语精读电子商务00级1班73 85 77 79
01级1班83 79 82 91
01级3班90 80 85 92 (2)在表格“01级3班”前插入一行。内容为“01级2班、85、82、88、82”。在表格中“计算机组成实验”列插入一列。内容为“计算机组成、69、73、75、80”。
(3)将00级1班这一行移到表格的最后一行,删除“英语精读”这一列。
2.单元格的拆分、合并和格式化操作
(1)是表格中的数据全部居中;是整个表格在页面上居中。
(2)按不同年级将表格拆分成两个表格,将01级表格的“科目”一行复制到00级表格上方,使之成为00级表格的第一行,在00级表格上面加上1行标题“信息学院00级平
均成绩表”,并删除00级表格的“科目”这一列。
(3)将01级表格的“计算机组成”和“计算机组成实验”两个单元格合并成一个单元格,内容改为“计算机组成和实验”、居中、黑体、5号。
(4)01级和00级两个表格分别套用系统预设的格式Simple3、Simple1。
3.导入外部数据和表格排序
(1)将Excel 文件value.xls打开,另存为My site\ value.csv 文件,数据的分隔符是逗号。
(2)新建名为exe14-2.htm的网页文件,将其保存到Mly site 文件中。背景图片为My site \jpg\bg0015.jpg。导入数据文件value.csv.
(3)按表格的“合计值”列降序排序,合并表格标题所在的单元格,并使标题居中。
(4)表格【边框】为3;【边框颜色】为#FF0000。
4.布局表格和布局单元格的应用
(1)创建一个名为exe14-3.htm的网页文件,将其保存到My site 文件夹。网页背景图片文件为My site\ gif \bg0052.gif,用600*360像素的布局表格布局,布局表格中的3行5列布局单元格每个为120*120像素,如图所示。
图页面布局表格示意
(2)如图14-5所示,在布局单元个中分别设置布局单元个的颜色#CCCC99 、#FF9900。
(3)如图·4-5所示,在布局单元格中分别插入My site\jpg文件夹中的名为tu1.jpg、……..tu7.jpg的图片。
(4)预览页面后,保存该文件。
5..框架和框架集的创建、选者和保存
(1)创建一个名为exe14-6.htm的网页文件,将其保存到My site 文件中。用鼠标、菜单两种不同的方法创建【左侧和嵌套的顶部框架】和【顶部和嵌套的左侧框架】(2)删除上题中创建的框架,然后创建【顶部框架】,并把【顶部框架】改为【顶部和嵌套的左侧框架】,调整框架的大小。
(3)分别用鼠标在框架面板中选中主框架(bottom Frame ),选中左框架(left Frame)插入顶部框架,将左框架分割成上(top Frame)下(left Frame)两部分。
(4)在主框架(main Frame)中插入底部框架(bottom Frame),选中左框架(left Frame)插入顶部框架,将左框架分割成上(top Frame)下(left Frame)两部分。
(5)将左框架(left Frame)调整为与底部框架(bottom Frame)高度相同。
(6)分别在框架面板中选中topFrame 、topFrame1、mainFrame、leftFrame、bottomFrame 5个框架,并给5个框架设置背景颜色#AAFFFF、#CCFFFF、#CCFFCC、#CCFFCC、#CCFFFF。
(7)用topFrame 、topFrame1、mainFrame、bottomFrame、leftFrame为框架文件名和exe14-6.htm为框架集名保存框架文件到My site文件中。
8.设置框架和框架集的属性和超链接
(1)设置exe14-6.htm框架文件的框架集属性。各项参数分别为:【边框】为是、【边框颜色】为#00CCFF、【边框宽度】为2像素、左边【列】为200像素。
(2)分别设置【列】的单位,在【单位】下拉式菜单中分别选者【像素】、【百分比】、【相对】命令,观察不同的结果。
(3)设置exe14-6.htm框架文件的框架属性。
.在名为topFrame1的框架中,插入一个大小为120*160像素的层,层中插入4行1列的表格,表格为120*160像素,边框宽度为1像素。
.在表格的4个单元格里分别插入My site\jpg文件中4个按钮图片文件a1.jpg、a2.jpg、a3.jpg、a4.jpg。
.在主框架(mainFrame)中,设置框架链接的页面文件为My site \doc文件中的oa.htm,【滚动】的方式为自动,【边框宽度】为120像素,【边框高度】为30像素。
.在顶框架(topFrame)中,插入My site\swf文件中的Flash 文件shu.swf.
.在左框架(leftFrame)和底部框架(bottomFrame)中输入如图14-13所示的文字。
(4)在【属性】面板中分别为4个单元格里的按钮图片建立链接,被链接的网页文件分别是My site \doc文件中的literature.htm、art.htm、edu.htm、sice.htm,被链接的网页在主框架中显示。
(5)预览网页后,保存网页文件。
实验三网页编辑与超链接
一、实验目的和要求:
1.掌握网页文档常用的格式化方法
2.掌握在网页中插入各种对象的方法
3.掌握超链接的创建方法
二、实验内容:
1. 网页文档的基本操作
(1)将My site\doc 文件中的两个word 文件(oa.doc和book.doc)转换成Word Html 文件,分别以文件名exe13-1.htm和exe13-2.htm 为名,保存在My site 中。
(2)在Dreamweaver MX 中,导入My site \exel3-1.htm 文件。并将My site\doc 中book.doc 文件的第2、3段文字插入到当前文档的最后面,并使插入的文字与原文档之间有空行。
(3)给页面文档添加标题“办公自动化”,并将网页标题改为“办公自动化一说”。
将网页中第2段文字删除,然后恢复。
(4)在网页第2段文字前插入一段文字:“办公自动化的目标是提高办公的效率和办公的质量,由于如今技术和经济的发展,办公自动化早已超越了狭窄的办公室,人们把包括了办公与管理范畴的工作统称为办公自动化。”
(5)将第1自然段折成两段,使“目前,以计算机为主要办公工具,…………促进现代办公自动化(Office Automation)活动的迅速发展。”的文字成为第2自然段。
(6)给第2、3段加项目符号。并将文档中的文字“办公自动化”替代为“OA”。
(7)按功能键F12预览网页后,将文档中的文字“OA”恢复成“办公自动化”。
(8)预览该网页,以exe13-3.htm 为名将其保存到My site 中。
2. 网页文档的格式化操作
(1)将My site\exe13-3.htm 文档中的标题文字“办公自动化”作格式化,设置字体为【华文行楷】、【文本格式】为【标题】、【文本颜色】为红色,【居中对齐】、【粗体】。
(2)创建名为“标题1”的HTML样式,设置【格式】为【标题1】、【应用到】的范围为【段落】样式、【字体】为【华文行楷】、【颜色】为#0000FF 、【样式】为粗体【B】、【对齐方法】为【居中对齐】。
(3)将名为“标题1”的HTML样式复制为名为“标题2”的HTML样式,设置【字体】为【方正舒体】、【应用到】的范围为【选定范围】的字符样式、【颜色】为#FF0000、【样式】为粗体【B】、字体【大小】为+5。
(4)创建名为“正文字符1”的HTML样式,将其设置为字符样式、【字体】为【楷体】,【样式】为粗斜体【B】、【I】,【颜色】为#000099,字体【大小】为+2。
(5)用HTML样式“标题1”格式化当前文档的标题;用HTML样式“标题2”格式化当前文档的第4段文字;用HTML样式“正文字符1”格式化当前文档的第5段文字。
(6)设置页面背景图片为My site\ gif 文件夹中的bg0052.gif 图片文件。预览网页后,保存网页文件为My site \exe13-4.htm。
3. 图片的编辑操作
(1)创建一个如图13-3所示的名为exe13-5.htm的网页,设置其页面背景为bg0027.gif,网页标题为“图形编辑试验”,将其保存到My site 中。
图13-3 exe13-5.htm网页
在页面合适的位置插入一个两行两列的表格,表格中每个单元格为150*150像素。在四个单元格中分别插入My site \ jpg 文件夹中图片文件t1.jpg、t2.jpg、t3.jpg、t4.jpg。
给每张图片设置2个像素的边框,分别给其中2张图片设置地带文字“书——精神的粮食”、“书——力量的源泉”,设置的代替文字是指在浏览时,但鼠标指向图片时显示的文字。
插入页面文字“书——精神的粮食”。
启动外部图片编辑器Fireworks,给4张图片加上文字“书籍”、“知识”、“力量”、“智慧”。
(2)创建一个名为exe13-6.htm的网页,如图13-4 所示。设置页面背景图片尾bg0026.jpg,并添加页面文字“书——知识的源泉”。
图13-4 exe13-6.htm网页
在页面合适的位置插入1行4列的表格,每个单元格为79*79像素。在四个单元格中制作【鼠标经过图像】,初始图片为t11.jpg、t22.jpg、t33.jpg、t44.jpg,翻转图片分别为t5.jpg、t6.jpg、t7.jpg、t8.jpg。单击翻转图片时链接的页面文件分别是My site \html \ 中的edu.htm、art.htm、literatuer.htm、scie.htm 。
预览后,保存该文件为My site \exe13-6.htm.
(3) 创建名为exe13-7.htm的网页文件,如图13-5所示。用My site\ photo文件夹中的t1.jpg~~t8.jpg 图片创建网上图片相册。
网页和相册标题为“书——知识的源泉”,背景图片为bg0026.jpg。初始图片文件夹为My site 文件夹下photo 子文件夹,目标图片文件夹为本地根文件夹My site 。页面图片的缩略图尺寸为100*100像素;每行列数为4列,缩略图片文件格式为.jpg。
4. 创建超链接
(1)打开My site \exe13-1.htm网页,在该网页文档的底部创建E-mail 链接,电子邮件的链接的文本为“请与我们联系”;E-mail 地址为练习者正式注册的电子邮件
地址。预览后,保存文件为My site\exe13-8.htm。
(2)打开My site\html\literature.htm网页文件,在该网页文件的首尾两处“中国文学”之中,分别插入名为W1和W2的锚点。用选中文档第1行中的文字“古老民族”,作锚点W2的源端点,建立内部锚点链接,保存该文件为My site\exe13-9.htm;
打开My site\exe13-3.htm网页文档,用标题“办公自动化”作锚点W1的链接源端点,建立外部锚点链接。预览后,保存该文件为My site\exe13-10.htm。
(3)打开My site\exe13-1.htm网页,在该网页文档合适的位置添加一个跳转菜单,跳转菜单的第1项标识文字为“友情链接”。跳转菜单的选项和链接网页URL,分为:上海热线:https://www.doczj.com/doc/ee8617303.html,
搜狐https://www.doczj.com/doc/ee8617303.html,
网易https://www.doczj.com/doc/ee8617303.html,
中文雅虎https://www.doczj.com/doc/ee8617303.html,
预览后,保存该文件为My site \exe13-11.htm。
(4)打开My site\exe13-1.htm网页,在该网页文档合适的位置添加一个导航条,导航条上四个按钮分别是“现代文学”、“生活艺术”、“文化教育”、“科学技术”,四个按钮对应的图片文件分别是My site\button 中的文件a1.gif~~~a4.gif、b1.gif~~~b4.gif、c1.gif~~~c4.gif、d1.gif~~~d4.gif,四个按钮所链接的网页分别为My site\ html \ literature.htm、art.htm、edu.htm、scie.htm。预览后,保存该文件为My site \ exe13-12.htm.
(5)创建名为exe13-13.htm的网页文件,在网页中合适的位置上插入My site \jpg\net1.jpg图片文件。用多边形、圆形和矩形创建影射图链接,其中多边形、圆形和矩形影射图链接分别自选My sit \html 中的网页文件,预览后保存该文件。
三、实验学时:3学时
实验四层叠样式、模板和库
一、实验目的和要求:
1.掌握附加和编辑外部样式表的方法
2.掌握CSS样式的各种特殊效果的方法
3.掌握创建和应用CSS样式及CSS样式表的方法
4.掌握模板的创建、编辑和应用的方法
5.掌握对象的创建、编辑和应用的方法
二、实验内容:
1.CSS样式表的创建、编辑和应用
(1)在网页编辑窗口中,打开本地站点My site \html 文件夹中的art.htm文件。修改文档的标题为“生活和艺术”,文档每段文符改成首行缩进两个字样。
(2)在本地根文件夹My site中,成绩名为docformat.css的层叠样式表文件,以及背景色为#99FFCC的层叠样式docformat。
(3)创建名为.char1的层叠样式,并将这个样式定义在docformat.css的层叠样式表文件中。将其【类型】的参数设置:【字体】为方正舒体、【大小】为36像素、【样式】为谢体、【颜色】#方法FF0000。样式作用于标题文字“生活和艺术”。
(4)将名为.char1的样式复制成名为.char2的层叠样式,并将其【类型】的参数设置:【字体】为楷体、【大小】为18像素、【样式】为正常、【颜色】为#000000。
样式作用第1段文字。
(5)新建名为.char3的层叠样式,并将其【类型】的参数设置:【字体】为仿宋体、【大小】为18像素、【样式】为正常、【颜色】为#333333。样式作用于第2段文字,浏览网页观察效果。
(6)将名为.char3的样式修改:【字体】为方正舒体、【大小】为16像素、【样式】为偏斜体、【颜色】为#000099。
(7)创建名为border1的样式,选择【边框】类型,并将其参数设置:【样式】为双线、【宽度】的【上】、【右】、【下】、【左】的值为4个像素、【颜色】为#99CC33。(8)在新建网页exe16-1.htm上的创建8个1行1列的表格,表格的宽度和高度是100*30像素。分别用border1、border2……… border8为名新建层叠样式,选择【边框】类型,并分别定义他们的【样式】为:【虚线】、【点划线】、【实线】、【双线】、【槽状】、【脊状】、【凹陷】、【凸出】8种风格,并设置合适的边框高度和颜色,作用于8个表格,预览网页观察其效果。然后保存样式表文件docformat.css和网页文档
exe16-1.htm。
(9)在网页编辑器窗口中,打开literature.htm文件,并链接外部样式表文件docformat.css。(10)修改名为.char1的样式,将【颜色】值#FF0000该为#0000CC,并作用约标题文字“中国文学”。浏览网页文档art.htm和literature.htm,观察标题文字的颜色变化。2.CSS样式特殊效果的应用
(1)创建名exe16-2.htm的网页,在网页合时的位置上插入380*285像素的层,并将My site \img文件夹中的图像文件campus3.jpg插入层中,用CSS的Alpha滤镜制作如图16-5所示的效果。
图16-5Alpha滤镜效果
(2)创建名为exe16-3.htm的网页,在网页的合适位置上插入2行2列4个布局单元格,每个单元格为120*100像素,并在每个单元格中插入My site \img文件夹中的图像文件f01.jpg,如图16-6所示。然后用CSS的翻转滤镜制作出如图16-7所示的效果。
图16-6 4幅相同的图像
图16-7 CSS翻转滤镜效果
(3)创建名为exe16-4.htm的网页,在网页合适位置上插入1行3列3个布局单元格,每个单元格为120*220像素,并在每个单元格中插入My site \img文件夹中的图像文件campus4.jpg。然后用CSS的波浪滤镜制作出如图16-8所示的效果。
左边图参数为Wave(Add=1,Freq=2,LightSrenth=70,Phase=50,Strength=10);
右边图参数为Wave(Add=0,Freq=3,LightSrenth=10,Phase=75,Strength=10);
中间图为原始图。预览后,用exe16-4.htm为名将网页保存在本地站点根文件夹中。
图16-8 CSS波浪滤镜效果
(4)创建议个名为exe16-5.htm的网页,然后用CSS样式的翻转滤镜制作出如图16-9所示的效果。预览网页后,用exe16-5.htm为名将网页保存在本地站点根文件夹中。
图16-9 CSS翻转滤镜效果
(5)利用显示滤镜(Reveal Trans)设置进入网页art.htm 的切换效果为随机效果,其参数为Revealtrans(Transition=23,duration=3.0),选择标题文字与地1行文字,建立与literature.htm 和exe16-6.htm的超链接。
设置离开网页文件literture.htm的效果代号是8号的垂直百叶窗,其参数为Revealtrans(Transition=8,duration=2.0),选择标题文字与第1行文字,建立与art.htm和exe16-6.htm的超链接,用原文件名保存这两个文件。
创建新的网页文件exe16-6.htm,在其中分别输入“艺术”和“中国文学”,并建立art.htm 与literature.htm文件的超链接,再将网页保存在本地站点根文件夹中。
预览网页,观察切换效果。
(6)利用模糊滤镜(Blur)设置网页edu.htm的标题为立体效果,作用在标题上的模糊滤镜效果参数为Blur(Add=True,Direction=135,Strength=20)。预览网页后,用exe16-7.htm 名将网页保存在本地站点根文件夹中。
3.模板的应用
(1)将My site文件中flower.htm文档改变成模板,将其中7幅图像所处的区域设置为可编辑区,可编辑区的名字为img1、img2…………img7,如图16-10所示,模板文件名为flower.htm,将模板文件保存在本地网站的Template文件中。
图16-10 模板创建示意
(2)利用模板文件flower.dwt,创建网页文档exe16-8.htm。其中可编辑区域插入的图像分别是My site \img文件夹中tu1.img、tu2.img ……..tu6.img、tu7.img,预览网页后,用exe16-8.htm保存文件。
(3)将模板文件flower.dwt改名为grid.dwt,保存后更新站点中所有基于该模板的网页文件。
(4)修改模板文件grid.dwt,将其背景图象改为bg0021.gif,保存修改后的模板文件。用这个模板文件更新站点中所有基于该模板的网页文档,观察网页文件flower.htm和exe16-8.htm背景图像格变化情况。
(5)利用【资源】面板创建一个名为test.dwt的模板,模板的可编辑区有文字区和图像区,版面构图自定。在模板的底部插入一个层,并将该层定义为可编辑区域。
(6)利用test.dwt模板创建网页文件exe16-9.htm,并在可编辑区域插入文字和图像,在层中插入closel.gif文件,预览网页后,保存网页文件。
4.创建、编辑与使用库对象
(1)打开网页文件flower.htm,将网页中的第7幅图像用菜单命令方式或用鼠标拖曳方式添加到库中,分别用img1、img2………img7给库项目命名。在网页底部插入My site\img 文件夹中图像文件close1.gif,并把图像用close1为名设为库项目。
(2)打开网页文件art.htm,将网页中的标题“生活和艺术”,用菜单命令方式或鼠标拖曳方式添加到库中,用art为其命名,并在网页底部插入库项目close1。
(3)用外部编辑器Fireworks MX将库项目close1中的文字“关闭窗口”该为“返回首
页”,然后更新整个站点。
三、实验学时:6学时
实验五表单与扩展管理器
一、实验目的和要求:
(1)掌握表单的创建和编辑的方法
(2)熟悉各种表单域的使用方法
(3)了解【Macromedia 扩展管理器】的使用方法
(4)了解【代码视图】模式的使用方法
二、实验内容:
网页设计与制作模拟试题 一、单项选择题(每空1分,共10分) 1. 客户/服务器系统的最大特点是客户机和服务器 ( D ) A. 必须运行在同一台机器上 B. 必须运行在同一个网络上 C. 必须运行在不同的计算机上 D. 不必运行在同一计算机上 2. 若需要软件把LAN上的客户机从Internet上隐藏起来,并为客户机执行Web 请求,则下面( D )软件能实现此项功能。 A. Internet Information Server B. Index Server C. Personal Web Server D. 代理服务器 3. 通常一个站点的主页默认文档名是 ( C ) A. Main.htm B. Webpage.htm C. Index.htm D. Homepage.htm 4. 通常,比较好的建立站点目录的习惯是 ( A ) A. 在根目录下建立一个总的IMAGE目录放置图象文件 B. 直接把图象文件放置在各栏目的目录下 C. 为各栏目建立一个单独的IMAGE目录放置图象文件 D. 在每个目录下建立一个IMAGE目录放置图象文件 5. 以下有关页面布局的说法正确的是 ( D ) A. 分辨率越高,可供使用的页面尺寸越大 B. 网页布局与平面设计一样,不受页面大小的影响 C. 页眉和页脚中只能出现文本,不能出现图形 D. 页面布局通常是通过手工设计的,目前还没有相应的电脑软件完成这一工作 6. 以下关于HTML文档的说法正确的一项是 ( A ) A. 与这两个标记合起来说明在它们之间的文本表示两个HTML 文本 B. HTML文档是一个可执行的文档 C. HTML文档只是一种简单的ASCII码文本 D. HTML文档的结束标记