---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------
1.标准格式
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
快捷键 ctrl+j 自动提示
2.常用标签
<a href="www.baidu.com">百度</a> 超链接标签 <a / >标签里的 target =_blank 时候，在新窗口打开超链接
href 是Hypertext Reference 的缩写，意思为 超文本引用
<img src="1.jpg" /> 图片链接标签 alt属性 设置后， 可以在图片显示不出来时候，显示文字
src是 source的缩写，意思是 源文件
<img src="/1.jpg" /> 图片链接标签 注意这3个区别
<img src="../1.jpg" /> 图片链接标签 一般推荐用这个
<font color="red">aaaa</font> 设置文本的颜色。。。
空格
< 小于号
> 大于号
<br /> 回车
<center></center> 居中显示
<p></p> 段落
<area></area> 一个区域
<h1></h1> 六种大小的标题字号
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<table></table> 制表
<tr></tr> 表内的行 table row
<td></td> 表内的数据单元格（列） table datacell
<thead></thead> 表头 可以把某一列放在表头标签里 当表头
//无序列表 ul 是 unordered list
<ul>
<li></li>
</ul>
//有序列表 ol 是 ordered list
<ol>
<li></li>
</ol>
<form>表单标签 里的 action属性可以设置 要将表单提交到哪里
<input> 标签 里的 type属性设置将要显示什么
<input type="text" /> 文本框 有size（长度） readonly（只读） maxlength属性（可填写的最大长度） value（默认的文字）
<input type="textarea" /> 多行 文本框，可以设置 行列 cols（列） rows（行）
<input type="password" /> 密码文本框
<input type="button" /> 普通按钮 ，
<input type="button" value = "注册"/> 按钮的 value属性可以设置按钮上显示的文字
<input type="file" /> 文件选择框 使用它，则 form里的enctype属性必须设置为：multipart/form-data,, method属性设置为POST
<input type="image" src="1.jpg" /> 图片按钮
<input type ="submit" /> 将表单数据提交到服务器按钮，默认显示的文字是“提交查询”
<input type ="submit" value="我要提交到服务器了" /> 也可以通过value属性更改显示的文字
<input type="checked" /> 复选框 checked属性表示是否选中
<input type= "radio" /> 单选框 checked属性表示是否选中 设置name属性可以让 相同name属性的单选按钮为一组， 不同name属性的组不影响。。
<input type="reset" /> 重置按钮
<input type ="hidden" /> 隐藏字段
<select> 下拉列表标签， 将 size属性设置为 大于1， 就是 ListBox, 否则就是 ComboBox 或者设置 mulitiple属性，那么就是ListBox 可以多选。。 size设置的是 显示几项
<optgroup label="城市"> //可以分组 option group label设置显示的值
<option >北京</option> //下拉列表里的每一项 将 option里的 selected属性设置， 那么就选中 此项
<option>上海</ option>
</optgroup>
</select>
<label></label> 标签, 把文字和空间建立链接, 实现点文字 空间获得焦点的效果 需要先为标签设置属性id 然后再用 例子：
<label for="name">姓名：</label> <input id="name" type="text"> 这样就能有点击文字 获得文本焦点的效果
<fieldset> //把一对控件包起来，，legend标签设置 标题 ，，， 外面有线条！ 相当于winForm里的 groupBox 效果
<legend>常用</legend> 相当于标题 图标符号
<input type="text" />
<input type="text" />
<input type="text" />
</fieldset>
<div></div> 把一些东西包成一块， 整体处理！！！ 四方形区域， 即使空的 后面的内容也不会紧跟着显示经常用，例如可以把一些东西当成一块，编程实现在网站上飘动!!!
<span> </span> 也是定义一块，但是前后内容可以连载在块的后面，不影响布局,里面的内容有多大就是多大一块内容,形状不一定
3. 样式表 CSS 它是描述控件的皮肤的
A ） 内联 直接在控件的style属性里面定义
<input type="text" valu="333" style="background-color : Red; border-color:Green" /> 注意语法,冒号和分号的位置
B） 页面嵌入 在 <head>标签里 <style>标签下定义
<style type="text/CSS" >
input{background-color : red;} //这样所有的input标签就都是 该样式 ： 红色 注意语法，，大括号
p{color : blue;} //这样设置 所有的 段落里的 文本是 蓝色的
</ style >
C）外部引用 单独的在一个 css文件里写样式, 然后 在 <head>里 <link>
<link type="text/CSS" rel="Stylesheet" href="1.css" /> 注意CSS文件里只需要 样式定义不需要包在 <style> 标签里
CSS计量单位： px（像素） 30%百分比 em（相对单位） 等
风格：
1.background-color:Red
2.boder-color:Red;boder-width:2（默认为0）;boder-style(默认没有边框):dotted
3.display 元素是否显示 可选： none（不显示）， block（块，前后带换行符） inline（前后不带换行符）
4.cursor 元素可选（鼠标在控件上的时候显示的是什么）： cursor，， pointer（手），wait（沙漏） help（帮助） text（输入Bean） curcor：url（鼠标形状图片地址，需要加载鼠标资源 .ani或者.cur格式的图片） 在body里设置可以让网站鼠标改变形状
5. li 不显示圆点： LIST_STYLE_TYPE:none，一般用在<li>或者<ui>上
样式选择器
1.标签选择器 例如下面的是 直接给 input 标签和 p标签定义了一个样式
<style type="text/CSS" >
input{background-color : red;} //这样所有的input标签就都是 该样式 ： 红色 注意语法，，大括号
p{color : blue;} //这样设置 所有的 段落里的 文本是 蓝色的
</ style >
2. class选择器 就是给一种样式取一个名字 然后哪个标签要用到这个样式就调用
定义
<style type="text/CSS">
：waring {background-color : red;} //设置一个名字叫 waring的样式，要用的时候调用
：hello {color : blue;} //这样设置 一个名字叫hello的样式， 要用的时候 调用
</ style >
<style type="text/CSS">
input.hello {background-color : red;} /设置input标签样式， 样式名字叫 hello
label.hello {color : blue;} //设置 label标签样式， 名字也叫 hello 针对不同标签，样式名字可以重复
</ style >
详细请查看： http://net.itheima.com/
2224
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
