html代码.docx

1、html代码2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些： ：文字以粗体显示。 ：文字显示为斜体。 ：显示下划线。 ：删除线。 ：使文字大小相对于前面的文字增大一级。 ：使文字大小相对于前面的文字减小一级。 ：使文字成为前一个字符的上标。 ：使文字成为前一个字符的下标。：使文字显示为闪烁效果。：以等宽体显示西文字符。：输出引用方式的字体，通常是斜体。：强调文字，通常用斜体加黑体。：特别强调的文字，通常也是斜体加黑体。 注：有些标记的效果必须在动态环境下才能显示，例如 标记。 【例2

2、-4】 字型设置标记的应用。 例如单标记表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：。功能：设置网页中普通文字的显示效果。 格式：文字。格式：标题内容。 属性：n 表示标题字号的级别，可以是16之间的任意整数，数字越小，字号越大。段落标记 功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。格式：。 强制换行标记 功能：另起一行显示文字。 格式：

3、插入水平线标记 功能：在页面上画横线，可用于页面上内容的分割。 格式：1无序列表 功能：设置无序列表。 格式： 列表项目1 列表项目2 属性：在无序列表的开始和结束处，分别是和标记，每一项列表条目之前必须加上标记。type 属性表示在每个项目前显示加重符号的类型，共有三种选择：type=“disc”时，列表符号为“”（实信圆），type=“circle”时，列表符号为“”（空心圆），type=“square”时，列表符号为“”（实心方块）。和标记都可以定义type参数，使得在一个列表中，不同的列表项目可以用不同的列表符号，但一般情况下不要这样设置。 2有序列表 功能：设置有序列表。 格式： 列

4、表项目1 列表项目2 。 属性：在有序列表的开始和结束处，分别是和标记，每一项列表条目之前必须加上标记。type 属性表示在每个项目前显示的序号类型，其值可以为1（阿拉伯数字）、A（大写英文字母）、a（小写英文字母）、I（大写罗马字母）、i（小写罗马字母）。start 用于设置编号的开始值，默认值为1，标记设定该条目的编号，其后的条目将以此作起始数目逐渐递增。 说明：无序列表和有序列表可以嵌套，产生缩进的、有层次的列表项目。 【例2-9】 有序列表标记的应用。 功能：在页面中制作文字滚动的效果。 格式：滚动文字。 属性如下。 （1） behavior ：设置文字滚动方式。共有三种滚动方式供选择

5、：behavior =“alternate”时，文字将交替进行滚动；behavior =“scroll”时，文字将循环往复滚动；behavior =“slide”时，文字将只进行一次滚动。 （2）bgcolor ：为滚动文字添加背景颜色。 （3）direction ：设置文字滚动的方向，value的取值可以为up、down、left和right四种，分别表示滚动文字的方向向上、向下、向左和向右。 （4）height和width：设置文字滚动的区域，取值为点数或相对于窗口的百分比。 （5）loop ：设置文字滚动的循环次数。默认值为-1，-1表示无限次循环次数。 （6）scrollamount

6、：调整文字滚动的速度，数值越大速度越快。 （7）scrolldelay ：设置在每一次滚动的间隔产生一段时间的延迟，数值越大延迟越长。 （8）hspace和vspace ：设置文字滚动的水平垂直空间。的图像标记功能 功能：在当前位置插入图像。 格式： 。的视频标记功能 利用还可以变相的插入视频功能：在网页中加入视频信息，格式一般为*.AVI。 格式：。 2.3.2 背景音乐标记 功能：在网页中加入声音，声音文件格式可以为*.wav或*.mid。 格式：。 属性：src指明声音文件的 URL地址。 loop控制播放次数，取 -1或INFINITE时，声音将一直播放到浏览者离开该网页为止。 2.3

7、.3 多媒体标记 功能：在页面中放置如SWF动画（即Flash动画）、MP3音乐、电影等多种多媒体内容。 格式： 属性如下。 （1）src ：指明多媒体文件所在的路径，可以插入的常见的多媒体文件包括SWF动画、MP3音乐、MPEG格式的视频和AVI格式的视频。 功能：建立超链接。 格式：显示的文本或图像。 2.5 HTML的表格标记 表格可以将文本和图像按一定的行和列规则进行排列，以便更好地表示长信息，有利于快速查找信息。表格内的格子称为单元格。表格标记对于制作网页是很重要的，现在很多网页都使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置，使页

8、面有很多意想不到的效果，使页面更加整齐美观。表格标记的构成如下： 功能：建立基本表格。 格式： 表题（表格说明） 表头1表头2.表头n 表项1表项2.表项n 表项1表项2.表项n 。（1）标记对用来创建一个表格。表示对表格标题的说明定义行，该标记中的内容显示在一行，此标记对只能放在标记对之间使用，而在此标记对之间加入文本将是无用的，因为在之间只能紧跟标记对才是有效的语法；标记对用来创建表格中一行中的每一个格子，此标记对也只有放在标记对之间才是有效的，输入的文本也只有放在标记对中才有效。（4） 用来设置表格头，表头的每一列需用一个标记，通常是黑体居中文字。 （5）用来定义表格内容的一列，与的区别

9、是内容不加黑显示。 说明： （1）中bgcolor、background、align、height、width等属性可以放在TD标记中，作为单元格的属性。 （2）一行的开始表示前一行的结束，一列的开始表示前一列的结束，所以、均可以作单标记使用。 （3）标记还可以用于每行的第一列，设置列标题。 （4）、标记之间可以嵌套其他格式标记，如、等。 （5）单元格内容可以是文字，也可以是图像。 （6）表格可以嵌套，通过表格嵌套可以产生复杂的表格。 （7）还有align和valign属性。align是水平对齐方式，取值为LEFT(左对齐)、CENTER(居中)、RIGHT(右对齐)；而valign是垂直对齐

10、方式，取值为TOP(靠顶端对齐)、MIDDLE(居中间对齐)或BOTTOM(靠底部对齐)。1表单标记2输入标记 输入标记是表单中最常用的标记之一。该标记用来定义一个输入区，可在其中输入信息，此标记必须放在标记对之间。 格式：。3菜单和列表标记和文本框标记 表示创建一个可以输入多行的文本框，可以在其中输入更多的文本，此标记对放在标记对之间。 格式：1框架集标记框架主要包括两个部分，一个是框架集，另一个就是框架。框架集是在一个文档内定义的一组框架结构的HTML网页。框架集定义了在一个窗口中显示的框架数、框架的尺寸、载入到框架的网页等。而框架则是指在网页上定义的一个显示区域。在使用了框架集的页面中，

11、页面的标记被标记所取代，然后通过标记定义每一个框架。功能：定义分割窗口，用来定义主文档中有几个框架并且各个框架是如何排列的。格式：。 属性如下。 （1）cols：左右分割窗口（用“，”分割，value为定义各个框架的宽度值，单位可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分）。 （2）rows：上下分割窗口（用“，”分割，value为定义各个框架的宽度值，单位可以是百分数、绝对像素值或星号(“*”)，其中星号表示剩余部分）。 （3）framespacing：设定框架集的边框宽度。 （4）bordercolor：设定框架集边框颜色。 框架标记一、选择题（每题3分，共45分）1、可

12、以通过（ ）文本框设置单元格内容和单元格边界之间的像素数。A:填充 B:间距 C:边框 D:宽和高2、将鼠标指针移动到表格上面，当鼠标指针呈（ ）形状时，单击便可选中表格。A:网格图标 B:十字 C:双箭头 D:空心箭头3、在一个网站中，路径的表示方式一般有（ ）。A:绝对路径、根目录相对路径 B:绝对路径、根目录绝对路径C:绝对路径、根目录相对路径、文档目录相对路径D:绝对路径、根目录绝对路径、文档目录相对路径4、若要编辑Dreamweaver 8站点，可采用的方法是（ ）。A:执行菜单“站点”/“管理站点”命令，然后选择一个站点，单击“编辑”B:在“文件”面板中，切换到要编辑的站点窗口中，

13、双击站点名称C:执行菜单“站点”/“打开站点”命令，然后选择一个站点D:在“属性面板”中进行站点的编辑5、如果要使浏览器不显示表格边框，应将“边框粗细”设置为（ ）。A:1 B:2 C:3 D:06、以下扩展名中不表示网页文件的是（ ） A、.htm B、 .html C、 .asp D、 .txt7、构成WEB站点的最基本的单位是（ ）A、网站 B、主页 C、网页 D、文字8、网页最基本的元素是（ ）A、文字与图像 B、声音 C、超链接 D、动画9、在进行网站设计时，属于网站建设过程规划和准备阶段的是（ ）A、网页制作 B、确定网站的主题 C、后期维护与更新 D、测试发布10、Dreamwe

14、aver是（ ）软件A、图像处理 B、网页编辑 C、动画制作 D、字处理11、在网站整体规划时，第一步要做的是（ ）A 确定网站主题 B 选择合适的制作工具C 搜集材料 D 制作网页12、链接到同一网页的超链接，又称为（ ） 。A绝对超链接 B相对超链接 C邮件超链接 D锚点超链接13、要想在新的浏览器窗口中打开链接页面，应将链接对象的“目标（target）”属性设为（ ）A_parent B_blank C_self D_top14、“HTTP”的中文含义是（ ）。A、文件传输协议 B、超文本传输协议 C、顶级域名网址 D、以上都不是15、下面说法错误的是( ) A.规划目录结构时，应该在每

15、个主目录下都建立独立的images目录 B.在制作站点时应突出主题色 C.人们通常所说的颜色，其实指的就是色相 D.为了使站点目录明确，应该采用中文目录二、填空题（每空3分，共45分）1、网页通常可分为静态网页和 。2、静态网页的后缀名通常为 和 。3、 是一个网站或站点的第一个网页，是网站的门面。 4、通常所说的“网页制作三剑客”指美国Macromedia公司推出的DreamWeaver、 和FireWorks网页设计软件。5、确定站点的_是建立网站时首先应该考虑的问题。6、表格的宽度可以用像素和 两种单位来设置。7、网页文件中，能起到动画效果的图形格式是 。8、通过 的方式可以使各个网页之

16、间联接起来，使网站中众多的页面构成一个有机整体，使访问者能够在各个页面之间跳转。9、在Dreamweaver文档窗口中有三个视图，它们分别是 、拆分视图和 视图。10、网页其实是用超文本标记语言（HyperText Markup Language）编写的，超文本标记语言的英文简称 。11、Web页中通常使用的图像文件格式为 、 和 。三、简答题（每题10分）1、网页制作的步骤是什么？附：参考答案一、1、A 2、C 3、C 4、A 5、D 6、D 7、C 8、A 9、B 10、B 11、A 12、D 13、B 14、B 15、D二、1、动态网页2、 .htm .html3、主页（或首页）4、FL

17、ASH5、内容或主题6、百分比7、GIF8、超链接9、代码视图 设计视图10、HTML11、JPG GIF PNG三、答：网页制作的基本步骤是：（1）根据要求确定网站内容。（2）规划网站栏目。（3）确定网页尺寸与版面布局。（4）确定网站配色与风格。（5）收集网页所用素材。（6）利用软件制作网页。（7）测试和发布网站。网页设计与制作期末考试试题一、单项选择题(本大题共30小题，每小题2分，共60分)1、目前在Internet上应用最为广泛的服务是 ( )。A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务2、域名系统DNS的含义是 ( )。A、Direct Network

18、 System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。A、center B、nbu C、edu D、cn4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。A、GB码B、Unicode码C、 BIG5码D、HZ码5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。A、TEXT B、PASSWORD C、RADIO D、CHECKBOX6、为了标识一个H

19、TML文件开始应该使用的HTML标记是 ( )。A、 B、 C、 D、7、在客户端网页脚本语言中最为通用的是( )。A、javascript B、VB C、Perl D、ASP8、在HTML中，标记的Size属性最大取值可以是( )。A、5 B、6 C、7 D、89、在HTML中，单元格的标记是( )。A、 B、 C、 D、10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。A、HTML B、CSS C、DOM D、Script(脚本语言)11、下面不属于CSS插入形式的是( )。A、索引式 B、内联式 C、嵌入式 D、外部式12、在网页中最为常用的两种图像格式是( )。A、J

20、PEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。A、HTTP B、HTTPS C、SHTTP D、SSL14、在HTML中，要定义一个空链接使用的标记是( ).A、 B、 C、 D、15、对远程服务器上的文件进行维护时，通常采用的手段是( )A、 POP3 B、FTP C、SMTP D、Gopher16、下列Web服务器上的目录权限级别中，最安全的权限级别是( )A、读取 B、执行 C、脚本 D、写入17、用Fireworks切割图形时，需要的工具是（）A、裁剪 B、选取框

21、C、切片 D、自由变形18、Internet上使用的最重要的两个协议是( )A、TCP和Telnet B、TCP和IP C、TCP和SMTP D、IP和Telnet 19、body元素用于背景颜色的属性是（）A、alink B、vlink C、bgcolor D、background20、下面说法错误的是( )A、规划目录结构时，应该在每个主目录下都建立独立的images目录B、在制作站点时应突出主题色C、人们通常所说的颜色，其实指的就是色相D、为了使站点目录明确，应该采用中文目录21、在Dreamweaver中，最常用的表单处理脚本语言是( ).A、C B、Java C、ASP D、Java

22、Script22、在Dreamweaver MX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为 ( )A、parent B、_bank C、_top D、_self23、网页制作技术不可以实现由一个文件控制一大批网页 ( )A、CSS文件 B、库 C、模板 D、层24、查看优秀网页的源代码无法学习( ).A、代码简练性 B、版面特色 C、网站目录结构特色 D、Script程序25、在网页制作过程中，LOGO的标准尺寸为( )Pixels.A、468*60 B、80*31 C、88*31 D、150*6026、客户机可向服务器按MINE类型发送和接收信息，客户

23、机使用( )请求方式表示要求服务器发送文件头消息.A、SMTP B、GET C、HEAD D、POST27、在色彩的RGB系统中，32位十六进制数000000表示的颜色是( ).A、黑色 B、红色 C、黄色 D、白色28、Flash中，与位图相比，矢量图形的优点是（）A、变形、缩放不影响图形显示质量 B、丰富多彩C、图像所占空间大 D、图像质量好29、网页代码第一行，说明此页是：A、HTML B、PHP C、ASP D、VBSCRIPT30、不论是网络的安全保密技术，还是站点的安全技术，其核心问题是( ).A、系统的安全评价 B、保护数据安全C、是否具有防火墙 D、硬件结构的稳定答案1.B 2

24、.B 3.D 4.C 5.D6.C 7.A 8.C 9.A 10.C11.A 12.A 13.B 14.A 15.B16.A 17.C 18.B 19.C 20.D21.D 22.B 23.D 24.C 25.C26.D 27.A 28. A 29.C 30.A二、简答题(每小题8分，共40分)31、简述建设一个网站的一般过程。32、简述gif，jpg，swf，psd文件的特点和用途。33、Asp与JavaScript有什么区别。 34、论述网页设计中所需要注意的通用规则。35、简述浏览器从打开index.htm的工作过程。简答题要点:31.(1)申请域名 (2)购买空间 (3)制作网页 (4)上传管