1 HTML.ppt

1、1、HTML语言发表：张荣、2、HTML语言、1. HTML历史HTML 2.0:1995.11发表、2000年6月发表旧式HTML 3.2:1996.1.14的W3C推荐标准html4. 0133601999.11 W3C推荐标准XHTML 1.0:2000.1.26、W3C推荐标准2002.8.1、修订1.1333330字符的绕排和复杂数学元素的显示，在HTML4中支持多语言字符、语音等，3、HTML语言、2 .结构： HTML的结构为头部(HTML 标题：在浏览器中记述必要的信息主体：包含说明的具体内容。 4、HTML语言、网页制作教育BODY之间是主要语法，也是网页的主要表现部分。 5

2、、HTML语言，3 .构成：要素、属性、上通告网页制作教学主体之间是主要的语法，也是网页的主要表现部分。6、HTML语言、3.1元素：元素标记文本，表示文本的内容。 例如，body、p和title是HTML元素。 元素用Tag表示，Tag结束。 Tag通常以成对的形式显示。 例如，如下所示。 最初称为开放标签，最后称为关闭标签。 目前，HTML标签不区分大小写。 例如，与实际相同，7、HTML语言、3.1要素(续):8、HTML语言、3.2属性：属性可以扩展HTML要素的能力。 使用bgcolor腻子粉将页面的背景颜色变为红色。 例如，可以使用border propy将表格设置为无边框表格。

3、例如，属性通常显示为属性名称/值对。 例如，name=value。 上例中的bgcolor、border为name、red和0为value。 属性值通常用双引号括起来。 属性通常是附加到HTML的开放标签，而不是关闭标签。 9、HTML语言、3.2属性(续) :具有body这样的属性。 请参见HTMLREF.CHM文件、10、HTML语言和3.3上通告。 每个元素都可以识别并响应称为上通告的特定操作操作。 11，HTML元素，2 .文档标记：整个HTML:文档位于标记之间。 HEAD3:的开头包含TITLE、META、LINK、STYLE TITLE:仅在HEAD部分显示，页面标题BODY:所

4、说明的具体的内容注释3360元素、属性、上通告的参照方法、12、 2.1 BODY残奥仪表设置：颜色： FF0000 00FF00 0000FF FFFFFF 000000设置颜色(EditPlus，名称请参见chm文件) text:字符颜色bgcolor:背景色，13，HTML元素，3 . AAAA src:影像来源(含目录设定) width、height:设定影像大小(宽度、高度)、14、HTML元素、4 .排版标签：在使用浏览器中，会忽略此标签的文字，通常用于加入说明。15、HTML元素、4.2换行标记(BR ) :向下显示文字、图像、表格等标记。 浏览器自动忽略空格和换行符的部分示例：

5、 566 ebostonpostrdmamaroneckny 10543-9982 unitedstatesofamerica是566 ebostonpostrdmamaroneckny 10543-9982 unica 16，HTML元素，4.3中心标签(CENTER ) :此标签由Netscape定义，然后由其他浏览器通讯端口。 许多explose支重轮不通讯端口标记中的残奥仪表align=CENTER，而是引入了另一个center标记。 示例： chrissfirsthomepagewhatsnewmyprofile，17，HTML元素，4.4分隔标记(DIV ) :此标记设置标记(如字

6、符、图像和表)的放置位置。 DIV适用于样式表，适用于提高强大的显示能力。有Class、Style、title、ID等属性，在样式表的内容中进行详细说明，与p标签相比，需要关闭标签。 示例：对齐选项值： center、left、right、18、HTML元素和5 .字体标记实体标记具有固定的显示效果，逻辑标记因浏览器而异，并且旧浏览器不能有效显示多个标记。 在旧浏览器中添加逻辑标签或将文本的一部分标记为云同步时，往往会失效。实体标签中有逻辑标签：19、HTML要素、字体标签： font Webpage face :设定字符的字体size :设定字符的尺寸(1-7)，可以是绝对值也可以是相对值。

7、 color:设置字符的颜色，#008000为绿色、20、HTML元素、6网络链接标记(a ) :与包围的字符、图像等网络链接。 文本残奥仪表说明： href:网络链接地址是href=#there -当前页所在的位置href=index.html# there -另一页的位置href=-取要在网络链接中网络链接的值Target=name:超级网络链接页Target=_self:超级网络链接页Target=_blank:在当前信息帧上打开新窗口的网络链接页(同nns 打开Target=_parent:注意： _parent、_self和_top仅在使用信息帧页面时有效。 22、HTML元素，6网

8、络链接标记(续): 内部链接的示例：23、HTML元素，7表这可以将表所在区域分成行和列，即，与许多单元格密切相关的表标记设置表标题指示表中的行表示表中的列，而24、HTML元素，7.1表格标签残奥仪表：的残奥仪表设置(常用):width:表格宽度绝对值(如80 )和相对值(如80% ) border:表格的厚度cellspacing:表格线的厚度接受cellpadding:文字和格线的距离valign:表格内文字等的位置(垂直)，选项：7.2表格行标记参数：的参数设定(常用): 同table参数，格线的距离HTML元素，7.5表交叉线问题： 1111222333444444555556667

9、777777788999修正4444、777777、29， HTML元素，7.6表交叉线问题： 11114444，30，HTML元素，7.7表行，列的追加删除7.8表例：31，HTML元素，8信息帧(Frame ) :删除信息帧，即所谓的分割窗口、分割画面、信息帧窗口效果。 图：修订的四个文件分别为：信息帧文件： index.htm左侧文件： a.htm右上文件： b.htm右下文件： c.htm，32，HTML要素，8信息帧(续) 1:边框框架间距：信息帧间的空间距离，33， frame残奥表说明： SRC :在此信息帧中显示的页名scrolling :是否显示滚动条是，否， 不行政许可更改

10、AUTO noresize:边框大小的marginhight :由信息帧高度部分的边缘保持的空间marginwidth :由信息帧宽度部分的边缘保持的空间、34、HTML元素、8信息帧(续): 示例1333 :示例2 (主信息帧文档index.HTML):信息帧窗口实现、36、html元素、8信息帧工作(续): 示例2 (其他相关文档) :索引. htmla.htmlb.htmlc.htmla-1.html B-1. htmlc-1.html残奥参数： src :文件路径宽度，高度：占用的空间和高度scrolling:滚动AUTO FrameBorder :区域边框的宽度与嵌入的内容融合，因此

11、表单始终是HTML页面与浏览器交互的重要方式，可以使用表单收集从客户端发送的信息。您可以使用HTML定义表单，并将表单与服务器端表单处理程序(如JSP和ASP )配合使用，以便将收集的用户信息发送到服务器端。39、HTML元素、10.1格式名称3360网站3360、40、HTML元素、10.1格式(续): 残奥表说明： action :发送ASP、jsp等页面地址method :发送表格中的数据41，HTML元素，10.1 FORM (续): 残奥仪表说明(续):enctype:表示form中数据的发送格式multipart/form-data :表单数据被查询密码为消息，以二进制格式向上te

12、xt/plain :窗体数据被查询密码为纯文本，不包含特罗尔或格式字符。42、HTML元素、10.1 FORM (续):Get和Post之间的区别1 :是否要将Get表单中的数据以variable=value的形式添加到action指向的URL之后并同时使用两者？ 连接到每个变量之间的/收件人复选框数据string CB=request.getparameter values (CB )； 输出数据： out.println (变量1=user )； for(i=0； I )； 52、HTML属性、11属性name和id差异： name属性可以行政许可重复项，id属性可以定义唯一或不同表单中相同元素的相同name、53、HTML属性、11属性name和id差异(续)客户端：服务器端： stride 字符串结果=request.getparameter (t2)；54、HTML属性、11属性name和id之间的差异(续):name建立到页面中的锚固件点link的网络链接。 link获取网络链接，而Text定义页锚固件、55、HTML属性、11属性name和id的差异(续):jav