Windows Phone 7手机开发、
.Net培训、期待与您交流！ web开发相关概念
Acid浏览器兼容性测试
IEtester：里面集成了各个版本的IE
用webBrowser可以开发自己的浏览器
所谓的Trident引擎就是IE的webBrowser控件。
非IE内核的浏览器是WebKit引擎：chrome、safari、遨游3（双核）
静态页面：有一个html页面文件保存在服务器上，浏览器要这个页面的时候服务器就把这个页面文件发给浏览器
动态页面：服务器上没有浏览者要看的页面，而是服务器动态生成的HTML页面发给浏览器。动态语言的服务器可以用C#、ＶＢ．ｎｅｔ、PHP、JAVA、C等编写
<html xmlns="http://www.w3.org/1999/xhtml"></html>所有内容
<head></head>同步信息，对页面的描述
<body></body>页面的主题，大部分内容都定义在这里，bgcolor属性：修改页面颜色
<title></title>页面的标题，只能放在<head></head>里
在HTML中不把“ ”当成空格，用“&nbp：”当成空格
分段标签：<p>两段中间会有较大的段落间隔
回车：<br/>
居中：<center>asd</center>
粗体：<b>a</b>
字体：<font size="30" color="red">aa</font>
页面中显示大于号："<:"，小于号：">:"
<pre></pre>:页面内容按原本写的方式输出，但是功能十分有限，需要再程序内部编码实现。
URL、超链接
URL：资源在网络中的地址"/"根目录；"../"父目录；"../../"父目录的父目录；"./"或不写任何斜线表示相对于当前路径的目录。
超级链接：<a href="http：//......">asd</a>。中间还可以嵌套图片
<a href="http：//......">
<img src="http://....."/>
</a>
其中target属性设置为“_blank”就可以在新窗口中打开超链接。
在设置图片时，最好指点大小，这样在加载网页时各异预估图片大小，方便布局。
在页面加载事显示小图，点击小图显示大图（但是这样做下载的还是原图，还是费流量，不要这样做）：
<a href="/asf.jpg"><img src="/asf.jpg" width="50" height="50"/></a>
列表、表格
列表：
<ul>
<li>灌水</li>
<li>版务</li>
<li>贴图</li>
<li>原创</li>
</ul>
表格：
<table></table>创建：创建表格
<tr></tr>：行
<td></td>：创建单元格
<thead></thead>：表头
子标签默认集成父标签的属性，自己指定之后会覆盖
<body>
<table>
<thead><tr><td>name</td><td>age</td><td>sex</td></tr></thead>
<tr><td class="style1">Ann</td><td class="style1">15</td><td class="style1">w</td></tr>
</table>
</body>
align属性：修改对其方式
表单
<body>
<form action="Register.aspx"><!--action="Register.aspx"表示提交到"Register.aspx"-->
<input type="text"/><!--type表示各种功能-->
<input type="checkbox" />
<input type="submit" /><!--submit：点击按钮将写的内容直接提交给服务器-->
</form>
</body>
readonly、checkbox有且只有一个值，但是也要写成readonly=“readonly”，checkbox=“checkbox”
radio选框，利用相同的name可以达到几个选框单选
<input type="radio" name="gender" />男
<br/>
<input type="radio" name="gender" />女
<br/>
<input type="radio" name="gender" />保密
file：使用file的话，form的enctype必须设置为multipart/form-data、method属性为POST
缩略图
1、把正常大图用绘画工具缩小XX%，另存
2、<a href="正常图.jpg"><img src="缩小图.jpg" width="50" height="50"/></a>
<select>标签
用来创建类似于WinForm中的ComBox或者ListBox
<select multiple="multiple"><!--multiple表示可以多选-->
<option >beijign</option>
<option >tianjin</option>
<option >shanghai</option>
</select>
<select size="2"><!--size值为显示出来的列表的数量，1的话就和不加size一样-->
<option >北京</option>
<option >上海</option>
<option >天津</option>
<option >张家口</option>
<option >石家庄</option>
<select>
<optgroup label="Afica"><!--把一些项分成一些组-->
<option value="mad">Madagascar</option>
<option value="gam">gambia</option>
</optgroup>
<optgroup label="Europe">
<option value="fra">France</option>
<option value="rus">Russia</option>
</optgroup>
练习
1、登陆界面
body>
<table border="1"><!--border：边框-->
<tr><td><label for="username">用户名</label></td><td><input id="username" type="text"/></td></tr><!--用lebel修饰后当点用户名者几个字的时候，控件得到聚焦-->
<tr><td><label for="password">密码</label></td><td><input id="password" type="password"/></td></tr>
<tr><td><label for="authcod">验证码</label></td><td><input id="authcod" type="text"/><img alt="1234" src="1.jpg" title="验证码"/></td></tr><!--alt="1234"是图片不显示的时候显示的资； title="验证码"是鼠标移到上面的时候显示的字-->
<tr><td colspan="2"><input type="checkbox" id="remember"/><label for="remember">记住密码</label></td></tr><!--td colspan="2"占2列-->
<tr><td><input type="submit" value="登陆"/></td></tr>
</table>
</body>
<textarea cols="50" rows="5">
第一个没想到是住房不要钱：“在俄罗斯居民住房不 收费，人均18平方米以下的部分无偿转给个人，18 平方米以上部分也只收很少的钱。”
</textarea>
<p><!--段落-->
<a href="12练习——注册页面2.htm">同意</a>
</p>
</body>
2、
Acid浏览器兼容性测试
IEtester：里面集成了各个版本的IE
用webBrowser可以开发自己的浏览器
所谓的Trident引擎就是IE的webBrowser控件。
非IE内核的浏览器是WebKit引擎：chrome、safari、遨游3（双核）
静态页面：有一个html页面文件保存在服务器上，浏览器要这个页面的时候服务器就把这个页面文件发给浏览器
动态页面：服务器上没有浏览者要看的页面，而是服务器动态生成的HTML页面发给浏览器。动态语言的服务器可以用C#、ＶＢ．ｎｅｔ、PHP、JAVA、C等编写
<html xmlns="http://www.w3.org/1999/xhtml"></html>所有内容
<head></head>同步信息，对页面的描述
<body></body>页面的主题，大部分内容都定义在这里，bgcolor属性：修改页面颜色
<title></title>页面的标题，只能放在<head></head>里
在HTML中不把“ ”当成空格，用“&nbp：”当成空格
分段标签：<p>两段中间会有较大的段落间隔
回车：<br/>
居中：<center>asd</center>
粗体：<b>a</b>
字体：<font size="30" color="red">aa</font>
页面中显示大于号："<:"，小于号：">:"
<pre></pre>:页面内容按原本写的方式输出，但是功能十分有限，需要再程序内部编码实现。
URL、超链接
URL：资源在网络中的地址"/"根目录；"../"父目录；"../../"父目录的父目录；"./"或不写任何斜线表示相对于当前路径的目录。
超级链接：<a href="http：//......">asd</a>。中间还可以嵌套图片
<a href="http：//......">
<img src="http://....."/>
</a>
其中target属性设置为“_blank”就可以在新窗口中打开超链接。
在设置图片时，最好指点大小，这样在加载网页时各异预估图片大小，方便布局。
在页面加载事显示小图，点击小图显示大图（但是这样做下载的还是原图，还是费流量，不要这样做）：
<a href="/asf.jpg"><img src="/asf.jpg" width="50" height="50"/></a>
列表、表格
列表：
<ul>
<li>灌水</li>
<li>版务</li>
<li>贴图</li>
<li>原创</li>
</ul>
表格：
<table></table>创建：创建表格
<tr></tr>：行
<td></td>：创建单元格
<thead></thead>：表头
子标签默认集成父标签的属性，自己指定之后会覆盖
<body>
<table>
<thead><tr><td>name</td><td>age</td><td>sex</td></tr></thead>
<tr><td class="style1">Ann</td><td class="style1">15</td><td class="style1">w</td></tr>
</table>
</body>
align属性：修改对其方式
表单
<body>
<form action="Register.aspx"><!--action="Register.aspx"表示提交到"Register.aspx"-->
<input type="text"/><!--type表示各种功能-->
<input type="checkbox" />
<input type="submit" /><!--submit：点击按钮将写的内容直接提交给服务器-->
</form>
</body>
readonly、checkbox有且只有一个值，但是也要写成readonly=“readonly”，checkbox=“checkbox”
radio选框，利用相同的name可以达到几个选框单选
<input type="radio" name="gender" />男
<br/>
<input type="radio" name="gender" />女
<br/>
<input type="radio" name="gender" />保密
file：使用file的话，form的enctype必须设置为multipart/form-data、method属性为POST
缩略图
1、把正常大图用绘画工具缩小XX%，另存
2、<a href="正常图.jpg"><img src="缩小图.jpg" width="50" height="50"/></a>
<select>标签
用来创建类似于WinForm中的ComBox或者ListBox
<select multiple="multiple"><!--multiple表示可以多选-->
<option >beijign</option>
<option >tianjin</option>
<option >shanghai</option>
</select>
<select size="2"><!--size值为显示出来的列表的数量，1的话就和不加size一样-->
<option >北京</option>
<option >上海</option>
<option >天津</option>
<option >张家口</option>
<option >石家庄</option>
<select>
<optgroup label="Afica"><!--把一些项分成一些组-->
<option value="mad">Madagascar</option>
<option value="gam">gambia</option>
</optgroup>
<optgroup label="Europe">
<option value="fra">France</option>
<option value="rus">Russia</option>
</optgroup>
</select>
—————————————————————————————————————————————————————————————————————————————
练习
1、登陆界面
body>
<table border="1"><!--border：边框-->
<tr><td><label for="username">用户名</label></td><td><input id="username" type="text"/></td></tr><!--用lebel修饰后当点用户名者几个字的时候，控件得到聚焦-->
<tr><td><label for="password">密码</label></td><td><input id="password" type="password"/></td></tr>
<tr><td><label for="authcod">验证码</label></td><td><input id="authcod" type="text"/><img alt="1234" src="1.jpg" title="验证码"/></td></tr><!--alt="1234"是图片不显示的时候显示的资； title="验证码"是鼠标移到上面的时候显示的字-->
<tr><td colspan="2"><input type="checkbox" id="remember"/><label for="remember">记住密码</label></td></tr><!--td colspan="2"占2列-->
<tr><td><input type="submit" value="登陆"/></td></tr>
</table>
</body>
2、认证界面
1、
<body><textarea cols="50" rows="5">
第一个没想到是住房不要钱：“在俄罗斯居民住房不 收费，人均18平方米以下的部分无偿转给个人，18 平方米以上部分也只收很少的钱。”
</textarea>
<p><!--段落-->
<a href="12练习——注册页面2.htm">同意</a>
</p>
</body>
2、
<body>
<table>
<tr><td><label for="username">用户名</label></td><td><input type="text" id="username"/></td></tr>
<tr><td><label for="province">用户名</label></td><td>
<select id="province">
<option>beijing</option>
<option>shanghai</option>
<option>tianjin</option>
</select>
</td></tr>
<tr><td colspan="2">
<fieldset>
<legend>爱好</legend>
<input type="checkbox" id="ds"/><label for="ds">爬山</label>
</fieldset>
</td></tr>
</table>
</body>
593
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
