html代码.docx - 冰豆网

资源描述

html代码.docx

《html代码.docx》由会员分享，可在线阅读，更多相关《html代码.docx（20页珍藏版）》请在冰豆网上搜索。

html代码.docx

html代码

2.2.3字型设置标记

功能：

设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。

常用的标记有以下一些：

…：

文字以粗体显示。

…：

文字显示为斜体。

…：

显示下划线。

…：

删除线。

…：

使文字大小相对于前面的文字增大一级。

…：

使文字大小相对于前面的文字减小一级。

^…：

使文字成为前一个字符的上标。

_…：

使文字成为前一个字符的下标。

…：

使文字显示为闪烁效果。

…：

以等宽体显示西文字符。

…：

输出引用方式的字体，通常是斜体。

…：

强调文字，通常用斜体加黑体。

…：

特别强调的文字，通常也是斜体加黑体。

注：

有些标记的效果必须在动态环境下才能显示，例如标记。

【例2-4】字型设置标记的应用。

例如单标记

表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：

。

功能：

设置网页中普通文字的显示效果。

格式：

文字。

格式：

标题内容。

属性：

n表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号越大。

段落标记

功能：

设置文章段落的开始和结束。

浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。

格式：

…

。

强制换行标记

功能：

另起一行显示文字。

格式：

插入水平线标记

功能：

在页面上画横线，可用于页面上内容的分割。

格式：

1．无序列表

功能：

设置无序列表。

格式：

列表项目1

列表项目2

属性：

在无序列表的开始和结束处，分别是

和标记，每一项列表条目之前必须加上

标记。

type属性表示在每个项目前显示加重符号的类型，共有三种选择：

type=“disc”时，列表符号为“●”（实信圆），type=“circle”时，列表符号为“○”（空心圆），type=“square”时，列表符号为“■”（实心方块）。

标记都可以定义type参数，使得在一个列表中，不同的列表项目可以用不同的列表符号，但一般情况下不要这样设置。
2．有序列表
功能：
设置有序列表。
格式：
列表项目1
列表项目2
……
。
属性：
在有序列表的开始和结束处，分别是
标记，每一项列表条目之前必须加上
标记。
type属性表示在每个项目前显示的序号类型，其值可以为1（阿拉伯数字）、A（大写英文字母）、a（小写英文字母）、I（大写罗马字母）、i（小写罗马字母）。
start用于设置编号的开始值，默认值为1，

标记设定该条目的编号，其后的条目将以此作起始数目逐渐递增。

说明：

无序列表和有序列表可以嵌套，产生缩进的、有层次的列表项目。

【例2-9】有序列表标记的应用。

功能：

在页面中制作文字滚动的效果。

格式：

滚动文字。

属性如下。

（1）behavior：

设置文字滚动方式。

共有三种滚动方式供选择：

behavior=“alternate”时，文字将交替进行滚动；behavior=“scroll”时，文字将循环往复滚动；behavior=“slide”时，文字将只进行一次滚动。

（2）bgcolor：

为滚动文字添加背景颜色。

（3）direction：

设置文字滚动的方向，value的取值可以为up、down、left和right四种，分别表示滚动文字的方向向上、向下、向左和向右。

（4）height和width：

设置文字滚动的区域，取值为点数或相对于窗口的百分比。

（5）loop：

设置文字滚动的循环次数。

默认值为-1，-1表示无限次循环次数。

（6）scrollamount：

调整文字滚动的速度，数值越大速度越快。

（7）scrolldelay：

设置在每一次滚动的间隔产生一段时间的延迟，数值越大延迟越长。

（8）hspace和vspace：

设置文字滚动的水平垂直空间。

的图像标记功能

功能：

在当前位置插入图像。

格式：

。

的视频标记功能

利用还可以变相的插入视频

功能：

在网页中加入视频信息，格式一般为*.AVI。

格式：

。

2.3.2背景音乐标记

功能：

在网页中加入声音，声音文件格式可以为*.wav或*.mid。

格式：

。

属性：

src指明声音文件的URL地址。

loop控制播放次数，取-1或INFINITE时，声音将一直播放到浏览者离开该网页为止。

2.3.3多媒体标记

功能：

在页面中放置如SWF动画（即Flash动画）、MP3音乐、电影等多种多媒体内容。

格式：

属性如下。

（1）src：

指明多媒体文件所在的路径，可以插入的常见的多媒体文件包括SWF动画、MP3音乐、MPEG格式的视频和AVI格式的视频。

功能：

建立超链接。

格式：

显示的文本或图像。

2.5HTML的表格标记

表格可以将文本和图像按一定的行和列规则进行排列，以便更好地表示长信息，有利于快速查找信息。

表格内的格子称为单元格。

表格标记对于制作网页是很重要的，现在很多网页都使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置，使页面有很多意想不到的效果，使页面更加整齐美观。

表格标记的构成如下：

功能：

建立基本表格。

格式：

表题（表格说明）

表头1表头2……….表头n

表项1表项2……….表项n

……

。

（1）

标记对用来创建一个表格。

…表示对表格标题的说明

…定义行，该标记中的内容显示在一行，此标记对只能放在

标记对之间使用，而在此标记对之间加入文本将是无用的，因为在之间只能紧跟标记对才是有效的语法；标记对用来创建表格中一行中的每一个格子，此标记对也只有放在标记对之间才是有效的，输入的文本也只有放在标记对中才有效。

（4）…用来设置表格头，表头的每一列需用一个标记，通常是黑体居中文字。

（5）…用来定义表格内容的一列，与的区别是内容不加黑显示。

说明：

（1）

中bgcolor、background、align、height、width等属性可以放在TD标记中，作为单元格的属性。

（2）一行的开始表示前一行的结束，一列的开始表示前一列的结束，所以

、还有align和valign属性。

align是水平对齐方式，取值为LEFT（左对齐）、CENTER（居中）、RIGHT（右对齐）；而valign是垂直对齐方式，取值为TOP（靠顶端对齐）、MIDDLE（居中间对齐）或BOTTOM（靠底部对齐）。

1．表单标记

2．输入标记

输入标记是表单中最常用的标记之一。

该标记用来定义一个输入区，可在其中输入信息，此标记必须放在标记对之间。

格式：

。

3．菜单和列表标记</p><p><TEXTAREA>表示创建一个可以输入多行的文本框，可以在其中输入更多的文本，此标记对放在
标记对之间。

格式：

1．框架集标记框架主要包括两个部分，一个是框架集，另一个就是框架。

框架集是在一个文档内定义的一组框架结构的HTML网页。

框架集定义了在一个窗口中显示的框架数、框架的尺寸、载入到框架的网页等。

而框架则是指在网页上定义的一个显示区域。

在使用了框架集的页面中，页面的标记被标记所取代，然后通过标记定义每一个框架。

功能：

定义分割窗口，用来定义主文档中有几个框架并且各个框架是如何排列的。

格式：

…。

属性如下。

（1）cols：

左右分割窗口（用“，”分割，value为定义各个框架的宽度值，单位可以是百分数、绝对像素值或星号（“*”），其中星号表示剩余部分）。

（2）rows：

上下分割窗口（用“，”分割，value为定义各个框架的宽度值，单位可以是百分数、绝对像素值或星号（“*”），其中星号表示剩余部分）。

（3）framespacing：

设定框架集的边框宽度。

（4）bordercolor：

设定框架集边框颜色。

框架标记

一、选择题（每题3分，共45分）

1、可以通过（）文本框设置单元格内容和单元格边界之间的像素数。

填充B:

间距C:

边框D:

宽和高

2、将鼠标指针移动到表格上面，当鼠标指针呈（）形状时，单击便可选中表格。

网格图标B:

十字C:

双箭头D:

空心箭头

3、在一个网站中，路径的表示方式一般有（）。

绝对路径、根目录相对路径B:

绝对路径、根目录绝对路径

绝对路径、根目录相对路径、文档目录相对路径

绝对路径、根目录绝对路径、文档目录相对路径

4、若要编辑Dreamweaver8站点，可采用的方法是（）。

执行菜单“站点”/“管理站点”命令，然后选择一个站点，单击“编辑”

在“文件”面板中，切换到要编辑的站点窗口中，双击站点名称

执行菜单“站点”/“打开站点”命令，然后选择一个站点

在“属性面板”中进行站点的编辑

5、如果要使浏览器不显示表格边框，应将“边框粗细”设置为（）。

1B:

2C:

3D:

6、以下扩展名中不表示网页文件的是（）

A、.htmB、.htmlC、.aspD、.txt

7、构成WEB站点的最基本的单位是（）

A、网站B、主页C、网页D、文字

8、网页最基本的元素是（）

A、文字与图像B、声音C、超链接D、动画

9、在进行网站设计时，属于网站建设过程规划和准备阶段的是（）

A、网页制作B、确定网站的主题C、后期维护与更新D、测试发布

10、Dreamweaver是（）软件

A、图像处理B、网页编辑C、动画制作D、字处理

11、在网站整体规划时，第一步要做的是（）

A确定网站主题B选择合适的制作工具

C搜集材料D制作网页

12、链接到同一网页的超链接，又称为（）。

A．绝对超链接B．相对超链接C．邮件超链接D．锚点超链接

13、要想在新的浏览器窗口中打开链接页面，应将链接对象的“目标（target）”属性设为（）

A．_parentB．_blankC．_selfD．_top

14、“HTTP”的中文含义是（）。

A、文件传输协议B、超文本传输协议C、顶级域名网址D、以上都不是

15、下面说法错误的是（）

A.规划目录结构时，应该在每个主目录下都建立独立的images目录

B.在制作站点时应突出主题色

C.人们通常所说的颜色，其实指的就是色相

二、填空题（每空3分，共45分）

1、网页通常可分为静态网页和。

2、静态网页的后缀名通常为和。

3、是一个网站或站点的第一个网页，是网站的门面。

4、通常所说的“网页制作三剑客”指美国Macromedia公司推出的DreamWeaver、和FireWorks网页设计软件。

5、确定站点的_________是建立网站时首先应该考虑的问题。

6、表格的宽度可以用像素和两种单位来设置。

7、网页文件中，能起到动画效果的图形格式是。

8、通过的方式可以使各个网页之间联接起来，使网站中众多的页面构成一个有机整体，使访问者能够在各个页面之间跳转。

9、在Dreamweaver文档窗口中有三个视图，它们分别是、拆分视图和视图。

10、网页其实是用超文本标记语言（HyperTextMarkupLanguage）编写的，超文本标记语言的英文简称。

11、Web页中通常使用的图像文件格式为、和。

三、简答题（每题10分）

1、网页制作的步骤是什么？

附：

参考答案

一、

1、A2、C3、C4、A5、D6、D7、C8、A9、B10、B11、A12、D13、B14、B15、D

二、

1、动态网页

2、.htm.html

3、主页（或首页）

4、FLASH

5、内容或主题

6、百分比

7、GIF

8、超链接

9、代码视图设计视图

10、HTML

11、JPGGIFPNG

三、

答：

网页制作的基本步骤是：

（1）根据要求确定网站内容。

（2）规划网站栏目。

（3）确定网页尺寸与版面布局。

（4）确定网站配色与风格。

（5）收集网页所用素材。

（6）利用软件制作网页。

（7）测试和发布网站。

《网页设计与制作》期末考试试题

一、单项选择题（本大题共30小题，每小题2分，共60分）

1、目前在Internet上应用最为广泛的服务是（）。

A、FTP服务B、WWW服务C、Telnet服务D、Gopher服务

2、域名系统DNS的含义是（）。

A、DirectNetworkSystemB、DomainNameServiceC、DynamicNetworkSystemD、DistributedNetworkService

3、主机域名center.nbu.edu.cn由四个子域组成，其中（）子域代表国别代码。

A、centerB、nbuC、eduD、cn

4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是（）。

A、GB码B、Unicode码C、BIG5码D、HZ码

5、当标记的TYPE属性值为（）时，代表一个可选多项的复选框。

A、TEXTB、PASSWORDC、RADIOD、CHECKBOX

6、为了标识一个HTML文件开始应该使用的HTML标记是（）。

A、

、
、	均可以作单标记使用。（3）	标记还可以用于每行的第一列，设置列标题。（4）
、	标记之间可以嵌套其他格式标记，如、等。（5）单元格内容可以是文字，也可以是图像。（6）表格可以嵌套，通过表格嵌套可以产生复杂的表格。（7）

B、C、D、

7、在客户端网页脚本语言中最为通用的是（）。

A、javascriptB、VBC、PerlD、ASP

8、在HTML中，标记的Size属性最大取值可以是（）。

A、5B、6C、7D、8

9、在HTML中，单元格的标记是（）。

A、

D、

10、在DHTML中把整个文档的各个元素作为对象处理的技术是（）。

A、HTMLB、CSSC、DOMD、Script（脚本语言）

11、下面不属于CSS插入形式的是（）。

A、索引式B、内联式C、嵌入式D、外部式

12、在网页中最为常用的两种图像格式是（）。

A、JPEG和GIFB、JPEG和PSDC、GIF和BMPD、BMP和PSD

13、如果站点服务器支持安全套接层（SSL），那么连接到安全站点上的所有URL开头是（）。

A、HTTPB、HTTPSC、SHTTPD、SSL

14、在HTML中，要定义一个空链接使用的标记是（）.

A、B、

”>C、D、

”>

15、对远程服务器上的文件进行维护时，通常采用的手段是（）

A、POP3B、FTPC、SMTPD、Gopher

16、下列Web服务器上的目录权限级别中，最安全的权限级别是（）

A、读取B、执行C、脚本D、写入

17、用Fireworks切割图形时，需要的工具是（）

A、裁剪B、选取框C、切片D、自由变形

18、Internet上使用的最重要的两个协议是（）

A、TCP和TelnetB、TCP和IPC、TCP和SMTPD、IP和Telnet

19、body元素用于背景颜色的属性是（）

A、alinkB、vlinkC、bgcolorD、background

20、下面说法错误的是（）

A、规划目录结构时，应该在每个主目录下都建立独立的images目录

B、在制作站点时应突出主题色

C、人们通常所说的颜色，其实指的就是色相

21、在Dreamweaver中，最常用的表单处理脚本语言是（）.

A、CB、JavaC、ASPD、JavaScript

22、在DreamweaverMX中，想要使用户在点击超链接时，弹出一个新的网页窗口，需要在超链接中定义目标的属性为（）

A、parentB、_bankC、_topD、_self

23、网页制作技术不可以实现由一个文件控制一大批网页（）

A、CSS文件B、库C、模板D、层

24、查看优秀网页的源代码无法学习（）.

A、代码简练性B、版面特色C、网站目录结构特色D、Script程序

25、在网页制作过程中，LOGO的标准尺寸为（）Pixels.

A、468*60B、80*31C、88*31D、150*60

26、客户机可向服务器按MINE类型发送和接收信息，客户机使用（）请求方式表示要求服务器发送文件头消息.

A、SMTPB、GETC、HEADD、POST

27、在色彩的RGB系统中，32位十六进制数000000表示的颜色是（）.

A、黑色B、红色C、黄色D、白色

28、Flash中，与位图相比，矢量图形的优点是（）

A、变形、缩放不影响图形显示质量B、丰富多彩

C、图像所占空间大D、图像质量好

29、网页代码第一行<%@language=”Vbscript”%>，说明此页是：

A、HTMLB、PHPC、ASPD、VBSCRIPT

30、不论是网络的安全保密技术，还是站点的安全技术，其核心问题是（）.

A、系统的安全评价B、保护数据安全

C、是否具有防火墙D、硬件结构的稳定

答案

1.B2.B3.D4.C5.D

6.C7.A8.C9.A10.C

11.A12.A13.B14.A15.B

16.A17.C18.B19.C20.D

21.D22.B23.D24.C25.C

26.D27.A28.A29.C30.A

二、简答题（每小题8分，共40分）

31、简述建设一个网站的一般过程。

32、简述gif，jpg，swf，psd文件的特点和用途。

33、Asp与JavaScript有什么区别。

34、论述网页设计中所需要注意的通用规则。

35、简述浏览器从打开index.htm的工作过程。

简答题要点:

31.

（1）申请域名

（2）购买空间（3）制作网页（4）上传管

展开阅读全文

、	均可以作单标记使用。（3）	标记还可以用于每行的第一列，设置列标题。（4）
、	标记之间可以嵌套其他格式标记，如、等。（5）单元格内容可以是文字，也可以是图像。（6）表格可以嵌套，通过表格嵌套可以产生复杂的表格。（7）