week3

（1）标记的概念

标记提供一些元信息，比如：关键字、描述信息、作者、网页刷新、网页过期期限、网页字符集等

（2）的两个属性

http-equiv：相当于http的文件头信息，告诉浏览器如何正确的显示网页的内容。

name：描述信息，指定网页关键字、网页描述、作者、版权信息

（3）常用的设置

设置网页的字符集：
网页自动刷新： 3秒自动刷新网页
延迟一定时间后跳转：
设置网页的关键字：
网页描述：
网站作者：

---

表格标记

1、表格的结构

           
                  
                   
           

表格结构的说明：

是表格标记，里面包含行标记；

代表一个行

或	代表一个单元格（列），	标题单元格（内容居中加粗显示）	普通单元格 2、 的常用属性 Width：表格的宽度 Height：表格的高度 Border：表格的边线粗细 Bordercolor：表格的边线颜色 Align：表格的水平对齐方式，取值：left center right Cellpadding：指单元格边线到内容间的距离(内边距) Cellspacing：指两个单元格之间的距离(外边距) bgColor：表格背景色 background：表格的背景图片 注意：在HTML中所有的属性值都不加px单位，但在CSS中所有数值都必须加单位。 3、 的常用属性 Height：一行的高度 bgColor：行的背景色 align：一行的内容水平居中显示，取值：left、center、right valign：行的内容垂直居中，取值：top、middle、bottom 4、 的属性 Width：单元格的宽度 Height：单元格的高度 bgColor：背景色 background：背景图片 align：单元格内容水平对齐 valign：单元格内容垂直对齐 rowspan：合并行的单元格(跨行合并) colspan：合并列的单元格(跨列合并) 网站案例： 1、 制作网站的一个思路 1） 业务员与客户进行沟通，确定客户的需求。 2） 网站美工来设计一个效果图(Photoshop)，直到客户满意为准。 3） 将效果图源文件，交给排版人员，用HTML+CSS还成效果图所展示的样式。 4） 排版人员，将原效果图进行切割成一个一个的小图片，然后用HTML+CSS还原效果图所展示的样式。 5） 后台程序员开始写程序。（在PHP+MySQL阶段讲到） 6） 将前台HTML页面与PHP程序综合排版。（在PHP+MySQL阶段讲到） 2、排版时需要提前确定的信息 主页的宽度：778px、1000px(现在流行的宽度) 网页背景色： 网页文本的大小：12px 图片热点(图像地图) 图像地图的标记 Name：指定热点地图的名称； Id：指定热点地图的名称； 标记的属性 Shape：热点的形状，取值：rect(矩形)、circle(圆形)、polygon(多边形) Coords：热点形状的坐标，根据热点形状来确定坐标值。 Rect(矩形)：coords=“x1,y1,x2,y2”，左上角和右下角坐标 Circle(圆形)：coords=“x,y,r”，圆心坐标和半径 Polygon(多边形)：coords=“x1,y1,x2,y2,x3,y3,xN,yN” 举例：给图片加热点 多媒体标记(插入Flash的标记) 多媒体包含：声音、视频、Flash 网页上的多媒体基本上都是Flash格式的， 视频格式.wmv.dat.mob.rmvb等，在网页上不能直接播放，需要安装第三方的插件，才可以播放。 不同的浏览器，播客上述视频格式，所使用插件参数又不一样。 上述格式视频一般文件较大，不利于网络下载播放。 一般情况下，是将其它的视频格式，转成Flash来在网页上播放。转换软件：格式工厂 Flash格式的视频兼容性非常好，Flash格式的文件很小。 1、多媒体标记 主要应用Netscape浏览器，它不是W3C规范。 的主要属性 Src：Flash的文件地址 Width：指Flash文件的宽度 Height：指Flash文件的高度 Quality：指Flash的播放质量，质量有高有低hightlow Pluginspage：如果指定的Flash插件不存在，则从pluginspage指定的地方进行下载。 Type：指定Flash的文件格式类型 Wmode：指Flash的背景是否可以透明，取值：transparent是透明的 2、多媒体标记 或