HTML…-电子科技大学.ppt

第1节 网页基础 第2节 HTML与Homepage设计 第3节 WEB网页文档类型 第4节 Java技术介绍 3）定义列表（Definition Lists） 定义列表的标记格式为： DL列表项/DL 每一个表项由两对标记DT/DT和DD/DD构成，其中一对DT标记中是被定义表项的名称，一对DD标记中是具体定义的内容。DL标记可以带属性compact，使文字说明与列表项在同一行显示，而非分行显示。定义列表常用于文件中的词汇表、术语表等的排列，例如： DL DTperiod DDlength or portion of time marked off by events that recur. DTpeace DDstate of freedom from war and disorder. /DL HTML BODY UL LIapples LIbananas LIgrapefruit /UL /BODY /HTML HTML文件源代码示例11 示例11文件在IE下打开运行后，网页显示如下： HTML BODY OL LIoranges LIpeaches LIgrapes /OL /BODY /HTML HTML文件源代码示例12 示例12文件在IE下打开运行后，网页显示如下： HTML BODY DL DTperiod DDlength or portion of time marked off by events that recur. DTpeace DDstate of freedom from war and disorder. /DL /BODY /HTML HTML文件源代码示例13 示例13文件在IE下打开运行后，网页显示如下： 14、 预格式化文本 标记格式：pre…/pre 利用预格式化文本可以使信息完全按照源文件的预先设计格式，在浏览器中原样显示出来。主页中的报表（Report）和报单（Statement）等通常采用预格式化文本方式显示。例如： pre 颜色： 黑 白 红 绿 蓝 黄 色码：#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FFFF00 /pre 15、 Table表格 表格主要由标题（caption）、表头（table heading）、表格数据（table data）等元素构成。 表格标记格式为： table…/table 其中可带属性border，其值为整型，用于指定边框线条粗细，若不带属性border，则显示无边框表格。双标记table之间可用以下标记： TR —— 定义表行，可以用TR…/TR标记对定义表格的一行，也可以使用单标记TR。 TH —— 定义表头（表格的各标题），双标记。 TD —— 定义表元(表格的具体数据)，双标记。 例如，定义表格的标题行： TR TH Heading1/TH TH Heading2/TH … /TR 定义表格的一行数据元素： TR TD Data1/TD TD Data2/TD … HTML BODY table border=2 trthRED/ththBLUE/ththGREE/th trtd#FF0000/tdtd#0000FF/tdtd#00FF00/td /table /BODY /HTML HTML文件源代码示例14 示例14文件在IE下打开运行后，网页显示如下： 16、 多窗口页面 多窗口页面，是指在浏览器的一个主窗口内可以划分出若干子窗口区域，分别在每个子窗口内显示不同的信息页。 其标记格式为： frameset frame src=url … /frameset 标记frameset可以带属性cols，指定窗口宽度；属性rows指定窗口高度，窗口大小可以用像素的个数、百分数或*（缺省值）表示。 HTML HEAD TITLEFirst Frame Page/TITLE /HEAD FRAMESET COLS=50%,50% FRAME SRC=s13.html FRAME SRC=s14.html /FRAMESET /HTML HTML文件源代码示例15 示例15文件在IE下打开运行后，网页显示如下： 17、 FORM表单 Form表单在浏览器端为用户呈现一种可以对话的界面，用户输入其所需的数据，并将数据发送到Web服务器。由Web服务器启动指定的CGI应用程序处理数据。 CGI是HTML文件与Web服务器之间的接口程序，它的主要作用是负责处理HTML文件与运行在Web服务器中的程序之间的接口。 CGI主要完成两个功能：一是指定CGI的路径和名称；二是将读者从浏览器