黑马程序员-HTML基础

---------------------- Windows Phone 7手机开发、Net培训、期待与您交流！ ----------------------

网站页面分为静态页面和动态页面
静态页面：有一个html页面文件保存在服务器上，浏览器要这个页面的时候服务器就把这个页面文件发给浏览器。
动态页面：服务器上没有浏览者要看的页面，而是服务器动态生成的html页面发给浏览器，动态语言的服务器端可以用C#、VB Net、PHP、Java、C等编写。
编写普通的HTML页面是和任何后台语言无关的，可以使用Dreamweaver、Expression Web(FrontPage)等开发
HTML不把“    ”当成空格，因为HTML中经常 有缩进，如果把缩进的空格在浏览器中以空格形式展现的话，排版会 很麻烦。“ ”表示空格
"<"大于，">"小于
<br/>回车，<p>分段，前后有较大的空白，而<br/>没有
<center></center>居中
<b></b>粗体
<a href=""></a>超链接 将<a>的target属性设定为“_blank”就可以再新窗口中打开超链接（国内大多网站）
用name属性为<a>起名字：<a name=“Last”>第一个问题答案</a>.可以通过<a href="#Last">第一个问题</a>来跳转到超链接的部分。
<img src="" alt="">图片是链接的。图片不能正常显示显示alt内容

"/"表示根目录，"../"表示父目录，"../../"表示父目录的父目录，"./"或者不写任何斜线表示相当于当前路径的目录。站内引用最好用相对URL，这样域名改变了、目录改变了都不受影响。

表单<form></form>
<input>是主要的表单元素，type可以选值：submit（提交按钮）、button（普通按钮）、checkbook（复选框）、file（文件选择框）、reset（重置按钮）、hidden（隐藏字段）、image（图片按钮）、password（密码框）、text（文本框）、radio（单选按钮）
text：size属性 为宽度，value为值，maxlengh为可用输入的最大长度，readonly只读。
radio：相同的name属性为 一组，不同radio设定不同的value值，通过 指定name的值可以知道谁被选中了，不用单独判断。
file:使用file，form的enctype必须设置为multipart/form-data、method属性为POST

有序列表
<ol>
<li>。。。</li>
<<ol/>
无序列表
<ul>
<li>。。。</li>
</ul>
表格
<table><tr><td></td></tr></table>
<tr>属性：align水平对齐（left，right，center），valign垂直对齐（top，middle，bottom）
rowspan，colspan单元格合并
表头<td>可用<th>代替,<tr>可用<thead>代替
 
<select>用于创建类似winform中的combobox，listbox
如果size属性大于1就是listbox，否则为combobox，multiple=“multiple”为多选listbox
selected=“selected”默认被选中

<textarea>多行文本  cols，rows表示行数和列数
<label>:在<input type="text">前可以写普通的文本来修饰，但是单击修饰文本的时候input并不会得到焦点，而用label可以，for属性指定要修饰的控件id，<label for="txt1">姓名</label>
<fieldset>:GroupBox的效果 将控件划分一个区域 看起来更规整

css（层叠样式表）主要有元素内联、页面嵌入和外部引用三种使用方式。
内联：<input type="text" readonly="readonly" style="background-color:red"/>，适用于样式没有可复用性的场合。
页面嵌入：在head中 加入
<style type="text/css">
input{border-color:black;}
</style>
表示页面中所有input都是采用指定的样式。适合于样式复用，减少页面体积
外部引用，将css内容写入后缀的文件
textarea{background-color:black;}
页面中引用，head中加入
<link type="text/css" rel="Stylesheet" href="s1.css">
适用于多个页面共享css

<div><span>：div是将内容放到一个矩形的区块中，会影响布局 ，而span只是把一段内容定义成一个整体进行操作，不影响布局。
display：元素是否显示，none（不显示）、block（显示为快级元素 ，此元素前后会带有换行符）、inline（显示为内联元素，元素前后没有换行符）。

cursor：鼠标在元素上时显示的光标图标 ，可选值：cursor（默认光标）、pointer（超链接上的手）、text（输入Bean）、wait（忙沙漏）、help（帮助）

样式选择器：标签选择器、class选择器、id选择器、关联选择器、组合选择器
伪选择器：为标签的不同状态设定不同的样式
A：visited：超链接点击过的样式；
A：active：选中超链接时的样式；
A：link：超链接未被访问时的样式；
A：hover：鼠标移到超链接时的状态。

 

---------------------- Windows Phone 7手机开发、Net培训、期待与您交流！ ----------------------

详细请查看： http://net.itheima.com