background image

2)、标号清单:标号清单就是清单各项目左边加上数字符号或其它有序的标号,如 a,b,c,等,并且可设定从何处开始计数,由浏览器

自动以给予编号。其标记格式为:

 <OL> 换行 <LI> 换行 <LI>… 换行 : 换行 : 换行 <LI>… 换行 </OL>

3).清单嵌套的概念。清单中加入另一层的清单。

4.表格的基本形式

1).如何定义表格; 表格由<table>标记开始,以</table>标记结束。表格的内容由<tr>、<th>、<td>标记定义,表格的边框类型

<border=#>标记属性指定。其中#为数字,默认值为 0 。

如何定义表格行:

<tr>…</tr>标记说明表格的一个行,有多少个行就有多少个<tr>…</tr>.

如何定义表格列:

<td>…</td>标记说明表格的列数和相应的单位格,有多少个单位格就有多少个<td>…</td>。

2).表格的属性:设置表格边线的宽度(border 标记格式为<table border=#>,其中#为数字,单位 pixel 即像素,默认值为 0)、

整个表格的宽度(

width,有绝对方式与相对方式两种,格式为 <table border=# width=300  或 80%);设置框线厚度

sellspacing, <table sellspacing=#......</table>);设置数据与边框之间的距离(cellpadding );设置单元格的背景颜色

(bgcoler)。

3).单元格的属性:设置单元格的宽度(width:<th width=100> 产品名称 </th>)、高度 height、水平对齐方式 align、垂直对齐方式

valign=# #=top middle low 三者之一;设置单元格的背景颜色的属性和方法 bgcolor。

4)合并单元格:将两个或更多个单元格合并成为一个?<td rowspan=2> (向下)合并 2 垂直格 </td> , <td colspan=3> 合

3 个水平格 </td>

5)、表格标题:表格标题的作用和用法。 <caption>…</caption>

5.1).在网页中插入图片的标记:<IMG SRC=”#”>,#=URL 常用属性:width 显示图片宽度,height 显示高度,hspace 显示的水

平位置,

vspace 显示垂直位置,border 显示图片的边框宽度,align 设定与图片相邻文字对图片的相对位置, alt 对图片进行说明. 

<body> <img src="pic1.jpg" align=right border=10 alt="这是图片的示例,右对齐,边框宽度为 10 像素“>

2).在图片中插入声音、视频等多媒体的方法及相应属性:可以插入.wav .au .mid 分别是波形文件,rdal 文件,Midi 序列文件。插入

声的方法:一是使用超级链接标记

 <p> 点一下将听到 <a href=”tada.wav”> 幻想曲 </a> </P> 二是使用自动播放的标记,

<embed src=”声音文件的 URL”> 这个标记有四个属性: width 播放文件的宽度,height 高度,autostart 是否为自动播放 即

其值为

true 或 no,默认值是 no 。 loop 指定播放次数前者表示循环播放,后者表示只一次,

6.超级链接 URL:协议-IP 地址-路径-文件名。在 HTML 文件中用超级链接指向一个目标,其基本格式为: <a href=“URL”> 字符串 

</a>

7.1)表单的作用:(1)表单是非常重要的通过网页再与服务器之间传递信息的途径,表单网页可以用来收集浏览者的意见和建议,以

实 现 浏 览 者 与 站 点 之 间 的 互 动 。 (

2 ) 经常 使用 的表 单无 素包 括表 单标 记和 表单 元素 标记 。表 单的 标准 格式 为: <form 

action=“URL”method=*> 。表单中提供给用户的输入形式为:<input type=*neame=#>. 

2).发送与重置:发送与重置按钮的设置。其标记格式为:<input type=submit value= “#”> <input type=reset value= “#”> 

,type 代表按钮的动作属性,前者为提交表单按钮,#代表按钮上显示的文本,如发送表单,填写好等,后者为重置按钮,#号代

表按钮上显示的文本,如重新填写等。

 格式案例 …<body> <table> <form action=“URL”method=*> <tr> <td> 姓名: <

/td> </tr>

3)文字输入和密码输入: 文字/密码输入框的设置:其标记为:<input type=*value=#size=n1 maxlength=n2> *为 text 或

password,#为文本框中的初始值,n1=文本框的长度,n2=文本框的最大长度。 

4 ) 复 选 框 和 单 选 按 钮 :   复 选 框 : 其 标 记 格 式 为 : <input  type=checkbox> 。 单 选 按 钮 : <input  type=radio>  <input 

tape=radio checked> 加入 checked 代表选中。

5).隐藏表单元素:标记:<input type=hidden name=# value=*> 其中,#为隐藏域的名称,接收程序通过该名获以*代表要传

递的值。

6).选择菜单框:标记为:<select name=*> <option>…… </select>
7).文本域:标记格式为:<textarea name=*rows=**cols=**>…</textarea> 其中 name 为文本域的名称,rows 属性为该文

本域显示的行,

cols 为文本域宽度。

8.框架的基本格式:框架:也称为帧,框架将浏览器窗口分为多个区域,每个区域可以单独显示 HTML 文件,各个区域也可以相关联地

显示某一内容,比如可以将索引放入一个区域,文件内容显示在另一个区域。

1).框架的基本格结构:<html>.<head>.<title>…</title>.</head>.<noframes>…</noframes>.<frameset>.<frame 

src=“URL”>.</frameset>.</html> . 其中,<noframes>…</noframes>中的内容显示在不支持框架的浏览器窗口中,因而

这里指向一个普通版本的

HTML 文件,以便使用不支持分框浏览器的用户阅读.

2).横向和纵向框架设置:边框:横向框架由 <frameset cols=#>指定,#可以是一个百分比,也可以是整数。纵向框架由

<frameset cols=#>