php修改html编码格式重蔚自留地我的php进修第三天之HTML篇

所谓“编码”便是用什么二进制来表示一个字符。
比如：a对应101，b对应110

101010010100101001010011101001010010110100101010

ASCII编码：用7位或8位(1个字节)二进制来表示一个字符，最多表示256个字符。

ANSI编码：便是不同国家，想利用打算机来处理本国措辞。

中国，ANSI便是指GB2312或GBK。

台湾，ANSI便是指BIG5

每个操作系统都内置了一套编码体系，便是所谓“字符集”。

例如：中文操作系统的默认编码是GB2312.，用计事本编网页，如果没有指定字符集，则默认便是GB2312.

GB2312编码：用2个字节(二进制16位)，理论上可以表示2^16=65536个汉字。

例如：“国” 用二进制表示 1110101010101110

GBK编码，用2个字节来表示一个字符。
它的容量要比GB2312大的多。

Unicode编码，用4个字节来表示一个字符，它可以容纳下全天下的所有字符。
过于弘大，下载文件韶光长，效率不高

UTF-8编码，Unicode Transform Fromat统一格式转换。
不同字符会自动选择长度来表示。
比如：a用1个字节，汉字用两个字符。

<meta>标记：个中的设置或内容是给浏览器软件本身用的或搜索引擎用的

设置字符集：<meta http-equiv=“content-type”content=“text/html;charset=GB2312”/>

担保网页不涌现乱码：在一开始时，就要把编辑环境和<meta>字符集设置好，并且不要常常改换字符集。

站点：便是代表一个网站。
一个站点中要有相应的目录的规则。

<table>

<tr>

<td>编号</td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

</table>

解释：<table>表示表格，<tr>表示行，<td>表示单元格，内容放在<td>中。

标题单元格：<th></th>中的内容会自动加粗居中显示；

普通单元格：<td></td>中的内容是默认样式。

<table>的常用属性

Width：表格的宽度，取值：固定值或百分比

在JS中，称HTML标记为“元素”，比如：td元素、body元素

Height：表格的高度

Border：指定表格的边框粗细

bgColor：表格的背景色

background：背景图的URL。
比如：background=“images/bg.gif”

align：表格水平对齐，取值：left center right

cellpadding：指单元格与笔墨之间的间隔，也称“内添补间隔”

cellspacing：指两个单元格之间的间隔，也称“间距”

<tr>的常用属性

Align：水平对齐，取值：left center right

Valign：垂直对齐，取值：top middle bottom

bgColor：行的背景色

height：指行高

<td>或<th>的常用属性

Width：单元格的宽度

Height：单元格的高度

Align：水平对齐

Valign：垂直对齐

bgColor：背景颜色

background：背景图片

rowspan：合并多行的单元格，跨行合并

colspan：合并多列的单元格，跨列合并

把稳：单元格合并的属性rowspan和colspan该当放在第一个单元格中，合并后要进行相应的删除，以担保一个行的单元格个数相同。

<caption></caption>表格表题标记

<caption>是<table>的子标记，紧跟<table>开始标记，在所有<tr>标记之前。

常用的属性align

网站制作的一个流程

（1）网站设计的方案

（1）由设计职员出效果图

（2）制作职员根据设计图，把设计图的大图片，切割成多个小图片；

（3）由制作职员，利用HTML+CSS再排本钱来大图的效果

（4）程序职员，根据效果图，再做后台程序开拓

（5）将前台页面和后台程序整合在齐，构成一个完全的网站。

（6）交由客户进行审阅

用表格来排版网页

1）确定主页的宽度，最宽不超过1000px，最低700以上。

2）主页一样平常都是绝对居中

3）网页的背景色或背景图片

4）flash的扩展名.swf

汽车装饰公司网站首页的构造图

HTML代码注释：<!—网页注释的内容-->

<img src=“images/index_02.jpg” usemap=“#Map” />

<map id=“Map”>

<area shape=“热点的类型” coords=“坐标” href=“链接” alt=“提示信息” />

<area shape=“热点的类型” coords=“坐标” href=“链接” alt=“提示信息” />

<area shape=“热点的类型” coords=“坐标” href=“链接” alt=“提示信息” />

</map>

<area>的常用属性

Shaple：指热点的形状，取值：rect(矩形) circle(圆形)polygon(多边形)

Coords：执热点的坐标或范围。

Rect类型：坐标为 coords=x1,y1,x2,y2 ，x1,y1表示矩形左上角的坐标值，x2,y2表示矩形的右下角坐标值

Circle类型：坐标为coords=x1,y1,r，x1,y1表示圆心坐标，r表示半径

Polygon类型：坐标为coords=x1,y1,x2,y2,x3,y3,……，表示每个顶点的坐标

网页上的所有视频，基本都是Flash格式。
将所有其它的视频转成了Flash格式，由于Flash格式所有的浏览器基本上都兼容，参数各个浏览器都差不多。

视频转换工具：格式工厂

Wmv一小时大小为150MB旁边，若转成Flash，尺寸将缩小80%旁边。

avi mpeg dat

<embed></embed>多媒体标记

不是W3C推举的，一样平常用于Netscape浏览器(以Firefox为核心)。

常用的属性：

Src：引入外部的视频文件

Width：界面的宽度

Height：界面的高度

Type：指播放的文件格式

Pluginspage：指Flash插件的下载地址。

Wmode：指Flash是否为透明背景，取值：transparent(透明)

Quality：指播放质量，取值：high(高质量) low(低)

<object></object>多媒体标记

是W3C推举的多媒体标记，一样平常用于IE浏览器。

<param />该标记是<object>的子标记，紧张用来设置参数。

<object width=“宽度” height=“高度” classid=“产品ID号” codebase=“插件下载地址”>

<param name=“movie” value=“images/banner.swf” />

<param name=“wmode” value=“transparent” />

<param name=“quality” value=“high” />

<embed width=“宽度” height=“高度” type=“文件类型” pluginspage=“下载地址”></embed>

</object>

下面是播放Flash的代码

<object classid=\公众clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"大众 codebase=\公众http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0\"大众 width=\"大众778\公众 height=\公众202\"大众>

<param name=\"大众movie\公众 value=\公众images/banner.swf\"大众>

<param name=\"大众quality\"大众 value=\"大众high\"大众>

<param name=\"大众wmode\公众 value=\"大众transparent\"大众>

<embed src=\"大众images/banner.swf\"大众 width=\"大众778\"大众 height=\公众202\公众 quality=\公众high\"大众 pluginspage=\"大众http://www.macromedia.com/go/getflashplayer\公众 type=\公众application/x-shockwave-flash\"大众 wmode=\"大众transparent\"大众></embed>

</ object>