第08章HTML标记语言讲述.pptVIP

8.2、超文本标记语言HTML 8.3常用的 HTML标记及其属性 3.定义式 标记：DL……/DL 该标记可以再定义下层的子列表，其中用 DT……/DT定义子列表的标题，用DD../DD 定义子列表。 例8.10 定义式列表示例 表格(Table)是网页制作中安排布局最好的工具，因为表格不但可以很好的安排文本或图像的显示位置，而且还可以任意的进行背景和前景颜色的设置。 8.3.4 表格 1.TABLE标记 双标记，用来创建一个表格。 TABLE标记有许多属性，用来定义表格的外观特征。详细的表格属性有： 设置表格的高度 Height 设置表格的宽度 Width 设置表格单元格边框与其内部内容之间的距离 Cellpadding 设置单元格之间空间的大小 Cellspacing 设置边框昏暗部分的颜色 bordercolordark 设置边框明亮部分的颜色 bordercolorlight 设置边框的颜色 Bordercolor 设置边框的宽度，边框宽度默认是0 无边框，无格线 Border 表格的背景图片 Background 设置表格的背景色 Bgcolor 用途 属性 2.TR、TH、TD标记 一个表格由若干行（Row）构成，每一行又由若干个单元格（Cell）组成，另外一个表格还可能具有一个标题（Head）。 TR…/TR…….表行标记 属性：Align，水平对齐方式，left,center,right Valign，垂直对齐方式，top,middle,bottom TD…/TD…….数据单元格标记 属性：width,Colspan,Rowspan和Nowrap TH…/TH…….表头单元格标记，表头数据自动加粗并且居中显示，其他与TD一样。 2.CAPTION标记 双标记 表示表格的标题，一般出现在TABLE首标记与第一个TR之间。 属性：Align，水平对齐方式 left,center,right,top,middle,bottom Valign，垂直对齐方式，top,bottom 例8.11 HTML中的表格标记示例 表格(Form）在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互能力。表单和Windows的对话框类似，由若干控件组成的，用于实现和用户的交互。当用户填写完信息后进行提交(Submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，由Web服务器上的ASP或CGI程序处理。 8.3.4 表单 1.FORM标记 双标记。用来创建一个表单，即定义表单的开始和结束位置，标记对之间的内容都属于表单的内容。 属性：Action：处理程序的网络路径和程序名 例：FORM Action=“HTTP://WWW.ABC.com/feedback.asp Methed:用来定义处理程序从表单中获得信息的方式。 Methed=“get”:是处理程序从当前HTML文档中获取数据，数据量有限。1KB以下 Methed=“post”:方式与get相反，当前的HTML把数据传送给处理程序，传送的大，Target属性用来指定目标窗口或目标帧。 2.INPUT Type=“ ”标记 单标记。用来定义用户的输入区，此标记必须放在FORM标志对之间。通过该标记的TYPE来指定控件的类型。 输入区域（称为输入域）都有Name和Value属性 （1）单行文本框 表单上的单行文本可以接收用户输入的任何字符串数据，不能包含换行符，数据必须在一行中写完。基本形式：INPUT Type=“text” Name=“fleld_name Value=“string”Size=“n” Maxlength=“m” Readonly=“false”| “true” （2）复选框 复选框上表单上可供用户选择输入的控件，有选中和不选中两种状态。选中时将在控件中打上“√”。 基本形式： INPUT Type=“checkbox” Name =“NAME” Checked （3）单选按纽 上从多个选项中选择其中之一的控件。基本形式： INPUT Type=“radio” Name =“NAME” Value=“VALUE” Checked （4）密码框 密码框同文本框，所不同的是密码框中显示的数据为“*”所代替，从而起到保密的作用。 基本形式： INPUT Type=“password” Name =“NAME”