网页设计与制作试题与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 :设置文字滚动的水平垂直空间。
的图像标记功能
功能:在当前位置插入图像。
格式:
。
的视频标记功能
利用还可以变相的插入视频
功能:在网页中加入视频信息,格式一般为*.A VI。
格式:。
2.3.2 背景音乐标记
功能:在网页中加入声音,声音文件格式可以为*.wav或*.mid。
格式:
。 属性:src指明声音文件的URL地址。loop控制播放次数,取-1或INFINITE时,声音将一直播放到浏览者离开该网页为止。
2.3.3 多媒体标记
功能:在页面中放置如SWF动画(即Flash动画)、MP3音乐、电影等多种多媒体内容。
格式:
属性如下。
(1)src :指明多媒体文件所在的路径,可以插入的常见的多媒体文件包括SWF 动画、MP3音乐、MPEG格式的视频和A VI格式的视频。
功能:建立超链接。
格式:显示的文本或图像。
2.5 HTML的表格标记
表格可以将文本和图像按一定的行和列规则进行排列,以便更好地表示长信息,有利于快速查找信息。表格内的格子称为单元格。表格标记对于制作网页是很重要的,现在很多网页都使用多重表格,主要是因为表格不但可以固定文本或图像的输出,而且还可以任意的进行背景和前景颜色的设置,使页面有很多意想不到的效果,使页面更加整齐美观。表格标记的构成如下:
功能:建立基本表格。
格式:
。表题(表格说明) 表头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.表单标记
标记对之间。格式:。
3.菜单和列表标记
文本框标记
表示创建一个可以输入多行的文本框,可以在其中输入更多的文本,此标记对放在
标记对之间。格式: 1.框架集标记
- 标记都可以定义type参数,使得在一个列表中,不同的列表项目可以用不同的列表符号,但一般情况下不要这样设置。