第3章 HTML.ppt

第3章 HTML;本章导航;学习目标;主要内容;3.1 HTML基本结构;3.1.2 HTML 文档结构;HTML HEAD TITLE一个最简单的超文本文件/TITLE /HEAD BODY 您好！这是在执行一个HTML文件br /BODY /HTML; 许多单标记和双标记的首标记内可以包含一些属性。 语法：标记 属性1＝属性值 属性2＝属性值2.. 例：hr Size=10 Align=center Width=10% Size 属性定义线的粗细 Align 属性定义对齐方式 Width 属性定义线的长度 ;3.1.3 HTML的特点;3.1.4 HTML标记在开发中的应用;3.1.4 HTML标记在开发中的应用;3.2 HTML的常用标记;3.2 HTML的常用标记;颜色的设定的三种常用方法： 1、用颜色常量名表示，如：Black、White、Green、Olive、Purple、Gray、Yellow、Silver、Red、Blue等。 例：body bgcolor=red红色背景;3.2 HTML的常用标记;3.2 HTML的常用标记;举例;HTML的style属性;3.2 HTML的常用标记;3.2 HTML的常用标记;3.2 HTML的常用标记;3.2 HTML的常用标记;3.2 HTML的常用标记; 1.枚举式 标记：UL……/UL UL标记自动使列表缩进。默认的项目符号为实心圆点，可以使用type 属性来指定列表项前的项目符号： type=diso-----------实心圆点 type=circle----------空心圆点 type=square--------实心小方块 ul type=squareli可爱小屋/li/ul ; 2.编号式 标记：OL……/OL 编号式列表在各项目前不是使用项目符号，而是使用编号标识各列表项。 OL标记可以设置以下属性： （1）Type=字符，指定编号所用的符号。 1.数字 a.小写英文字母 A.大写英文字母 i.小写罗马字母 I.大写罗马字母 （2）START =n ，规定起始编号;html head titleul-ol-li举例/title /head body ul type=square p工商学院/p li会计系/li li管理系/li li市场信息系/li /ul; 3.定义式 标记：DL……/DL 该标记可以再定义下层的子列表，其中用 DT……/DT定义子列表的标题，用DD../DD 定义子列表。 ;html head titledt-dl-dd举例/title /head body dl dt工商学院/dt dd会计系/dd dd管理系/dd dd市场信息系/dd ;3.2 HTML的常用标记;; 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一样。;html head title表格示例/title /head body table width=300 border=2 cellpadding=2 cellspacing=3 bordercolor=#0000FF bgcolor=#99CC99 tr tdnbsp;/td tdnbsp;/td tdnbsp;/td /tr tr tdnbsp;/td tdnbsp;/td tdnbsp;/td /tr;最常用的特殊字符;3.3 HTML的表单处理;form/form;1.FORM/FORM标记 双标记。用来创建一个表单，即定义表单的开始和结束位置，标记对之间的内容都属于表单的内容。 属性： (1) Action：处理程序的网络路径和程序名 例：FORM Action=“/chapter03/newregister.html” FORM Action=“newregister.html”;(2)