网页设计试题及html代码

合集下载

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

2.2.3 字型设置标记
功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们
可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些：
… ：文字以粗体显示。
… ：文字显示为斜体。
… ：显示下划线。
… ：删除线。
… ：使文字大小相对于前面的文字增大一级。
… ：使文字大小相对于前面的文字减小一级。
^… ：使文字成为前一个字符的上标。

_…：使文字成为前一个字符的下标。
…：使文字显示为闪烁效果。
…：以等宽体显示西文字符。
…：输出引用方式的字体，通常是斜体。
…：强调文字，通常用斜体加黑体。
…：特别强调的文字，通常也是斜体加黑体。
注：有些标记的效果必须在动态环境下才能显示，例如标记。
【例2-4】字型设置标记的应用。
例如单标记

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

。

功能：设置网页中普通文字的显示效果。
格式：文字。
格式：标题内容。
属性：n 表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号
越大。
段落标记
功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、
空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段
落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。
格式：

…

。

强制换行标记
功能：另起一行显示文字。
格式：

插入水平线标记

功能：在页面上画横线，可用于页面上内容的分割。
格式：

color=“color1” noshade>
1．无序列表
功能：设置无序列表。
格式：

列表项目1
列表项目2
属性：在无序列表的开始和结束处，分别是
标记，每一项列表条目之前必
须加上
标记。type 属性表示在每个项目前显示加重符号的类型，共有三种选择：
type=“disc”时，列表符号为“●”（实信圆），type=“circle”时，列表符号为“○”（空
心圆），type=“square”时，列表符号为“■”（实心方块）。
- 标记都可以定义type
  参数，使得在一个列表中，不同的列表项目可以用不同的列表符号，但一般情况下不要这样设
  置。
  2．有序列表
  功能：设置有序列表。
  格式：
  1. 列表项目1
  2. 列表项目2
    ……
  。
  属性：在有序列表的开始和结束处，分别是
  标记，每一项列表条目之前
  必须加上
- 标记。type 属性表示在每个项目前显示的序号类型，其值可以为1（阿拉伯数字）、
  A（大写英文字母）、a（小写英文字母）、I（大写罗马字母）、i（小写罗马字母）。start 用于
  设置编号的开始值，默认值为1，
- 标记设定该条目的编号，其后的条目将以此作起始数目
  逐渐递增。
  说明：无序列表和有序列表可以嵌套，产生缩进的、有层次的列表项目。
  【例2-9】有序列表标记的应用。
  功能：在页面中制作文字滚动的效果。
  格式：=“value” height =“value” width =“value” loop =“value ” scrollamount
  =“value ” scrolldelay =“value” hspace=“value” vspace=“value”>滚动文字
  。
  属性如下。
  （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 ：设置文字滚动的水平垂直空间。
  的图像标记功能
  功能：在当前位置插入图像。
  格式：
  width=“x” height=“y” border=“边框长度” hspace=“x” vspace=“y” align=“对
  齐方式”>。
  的视频标记功能
  利用还可以变相的插入视频
  功能：在网页中加入视频信息，格式一般为*.AVI。
  格式：始时间” controls loopdelay=“时间间隔”>。
  2.3.2 背景音乐标记
  功能：在网页中加入声音，声音文件格式可以为*.wav或*.mid。
  格式：。
  属性：src指明声音文件的 URL地址。 loop控制播放次数，取 -1或INFINITE
  时，声音将一直播放到浏览者离开该网页为止。
  2.3.3 多媒体标记
  功能：在页面中放置如SWF动画（即Flash动画）、MP3音乐、电影等多种
  多媒体内容。
  格式：hidden=“hidden_value” autostart=“auto_value” loop=“loop_value”>
  属性如下。
  （1）src ：指明多媒体文件所在的路径，可以插入的常见的多媒体文件包括SWF
  动画、MP3音乐、MPEG格式的视频和AVI格式的视频。
  功能：建立超链接。
  格式：显示的文本或图像。
  HTML的表格标记
  表格可以将文本和图像按一定的行和列规则进行排列，以便更好地表示长
  信息，有利于快速查找信息。表格内的格子称为单元格。表格标记对于制作网页是很重要的，
  现在很多网页都使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以
  任意的进行背景和前景颜色的设置，使页面有很多意想不到的效果，使页面更加整齐美观。表
  格标记的构成如下：
  功能：建立基本表格。
  格式：
  
  border=“n” bordercolor=“color2” width=“x或x%” height=“x或x%”
  align=“LEFT/RIGHT/CENTER”>
  
  ……….
  
  ……….
  
  ……….
  
  ……
  表题（表格说明）
  表头1 表头2 表头n
  
  表项1 表项2 表项n
  
  表项1 表项2 表项n
  
  。
  （1）
  标记对用来创建一个表格。
  …表示对表格标题的说明
  …定义行，该标记中的内容显示在一行，此标记对只能放在
  标记对
  之间使用，而在此标记对之间加入文本将是无用的，因为在之间只能紧跟
  标记对才是有效的语法；标记对用来创建表格中一行中的每一个格子，此标记对也
  只有放在标记对之间才是有效的，输入的文本也只有放在标记对中才有
  效。
  （4）… 用来设置表格头，表头的每一列需用一个标记，通常是黑体居中文字。
  （5）…用来定义表格内容的一列，与的区别是内容不加黑显示。
  说明：
  （1）< TABLE>中bgcolor、background、align、height、width等属性可以放
  在TD标记中，作为单元格的属性。
  （2）一行的开始表示前一行的结束，一列的开始表示前一列的结束，所以、
  、均可以作单标记使用。
  （3）标记还可以用于每行的第一列，设置列标题。
  （4）、、标记之间可以嵌套其他格式标记，如
  、
  等。
  （5）单元格内容可以是文字，也可以是图像。
  （6）表格可以嵌套，通过表格嵌套可以产生复杂的表格。
  （7）还有align和valign属性。align是水平对齐方式，取值为LEFT(左对
  齐)、CENTER(居中)、RIGHT(右对齐)；而valign是垂直对齐方式，取值为TOP(靠顶端对齐)、
  MIDDLE(居中间对齐)或BOTTOM(靠底部对齐)。
  1．表单标记
  
  2．输入标记
  输入标记是表单中最常用的标记之一。该标记用来定义一个输入
  区，可在其中输入信息，此标记必须放在
  标记对之间。
  格式：。
  3．菜单和列表标记 <br> <TEXTAREA>表示创建一个可以输入多行的文本框，可以在其中输入

表题（表格说明）
表头1	表头2	表头n
表项1	表项2	表项n
表项1	表项2	表项n