Web编程(第二讲).pptVIP

HTML基础知识 HTML概述 HTML常用标记 HTML表格标记 HTML框架标记 HTML表单标记 HTML其他标记 HTML文档样式 HTML表格标记 HTML表格标记 HTML表格标记 HTML表格标记 HTML表格标记 HTML表格标记 表格定义 表格标记 table/table 行标记 tr/tr 表头单元格标记 th/th 单元格标记 td/td HTML表格标记 表格定义格式 TABLE align = 对齐方式 bgcolor = 表格背景颜色 background= 表格背景图像 width = 表格宽度 height = 表格高度 border = 边框粗细  bordercolor = 边框颜色 cellspacing = 单元格间距 cellpadding = 单元格边距  TRTH…/THTH…/TH……/TR TRTD…/TDTD…/TD……/TR TRTD…/TDTD…/TD……/TR ……/TABLE 表格应用示例 HTML表格标记 HTML基础知识 HTML概述 HTML常用标记 HTML表格标记 HTML框架标记 HTML表单标记 HTML其他标记 HTML文档样式 HTML框架标记 HTML框架标记 HTML框架标记 框架定义格式 FRAMESET cols = 框架列数及各列宽度 rows = 框架行数及各行高度 bordercolor = 边框颜色 frameborder = 框架边框 framespacing = 框架间距 FRAME name = 框架名称 target = 目标框架 src = URL border = 边框宽度 bordercolor = 边框颜色 FRAME …… ……/FRAMESET 框架应用示例 HTML表格标记 HTML基础知识 HTML概述 HTML常用标记 HTML表格标记 HTML框架标记 HTML表单标记 HTML其他标记 HTML文档样式 HTML表单标记 表单简介 网页中的表单 表单的英文名称为form ，用于在网页中为浏览者提供一个输入各种信息的界面，以便Web应用程序和Web数据库获取这些信息。大多数网站的网页设计都需要使用表单元素，例如通过表单来完成用户注册信息的输入或者商品订购信息的输入等。 HTML基础知识 HTML概述 HTML常用标记 HTML表格标记 HTML框架标记 HTML表单标记 HTML其他标记 HTML文档样式 HTML基础知识 HTML概述 HTML常用标记 HTML表格标记 HTML框架标记 HTML表单标记 HTML其他标记 HTML文档样式 HTML文档样式 样式是什么 样式是预先定义的一组格式。在HTML文档中除了可用各种标记对文字或段落等元素分别设置格式外，还可应用样式来进行格式设置。 样式定义方式： 在文档头部定义样式块。（1） 在文档主体部分对个别元素（如段落、表格单元等）单独定义样式。（2） 使用外部样式表或称层叠样式表CSS （3） 优先关系： （2）-（1）-（3） 在文档头部定义样式 格式： STYLE HTML标记{属性名称：属性值；属性名称：属性值 ……} HTML标记{属性名称：属性值；属性名称：属性值 ……} …… /STYLE 样式块中的各种属性 参考：/ 在文档头部定义样式 举例：为HTML元素定义单一样式 （style1.htm） head title嵌入文档样式表示例1/title style h2{font-size:18pt;color:#008080;font-style:italic} td{color:#000080;font-size:14px;font-style:italic;line-height:18px} A:link{color:#cc0000;font-size:12px;text-decoration:underline} A:visited{color:#ccff00;font-size:12px;text-decoration:none} A:hover{color:#ff6600;font-size:12px;text-decoration:none} /style /head 在文档头部定义样式 举例：为HTML元素定义多个样式(style2.htm) style p.first{font-size:12pt;color:#008080;font-style:italic} p.second{font-size:18