第一阶段 XHTML.列表

一位初学php的随堂笔记，记录自己的成长！

一.HTML实体(HTML Entities)
1.HTML实体w3c规定在浏览器中看到的特殊符合
例如: < > " ‘ &等必须用HTML实体实现
< =========== &lt；
> ============ &gt;
" =============&quot;
‘ ============= &#39;
& ==============&amp;
不间断空格 ====== &nbsp;
版权 =========== &copy;
商标 =========== &reg;

二.列表(List)
（1）无序列表
<ul type="disc默认值|square|circle">
<li>...</li>
<li>...</li>
...
</ul>
(2)有序列表
<ol type="1|a|A|i|I" start="开始数字编号">
<li>...</li>
<li>...</li>
...
</ol>
(3)自定义列表
<dl>
<dt>列表定义名称</dt>
<dd>列表项</dd>
<dd>列表项</dd>
...
</dl>

三.图像
1.浏览器支持的图像格式
a.gif：支持动画,支持透明，支持256种颜色
b.jpg/jpeg:不支持动画，不支持透明，1670万种颜色
c.png:支持动画，支持透明 支持256种颜色，1670万种颜色或更多
2.图像标记
<img src="图像URL" alt="描述"
width="宽度" height="高度"
border="边框"/>
说明:
a. img 标记中src属性 ，alt属性必须写
b. 更改图像宽，高不会影响图像字节数
3.路径
(1)绝对路径:由协议名称，主机名，目录及文件全称
例如: http://www.sohu.com/images/1.jpg
(2)相对路径：从当前文档开始的路径
a.同级:当前文档和目标文档在同一目录下
<img src="1.jpg" />
<img src="./1.jpg" />
b.下一级：当前文档要进入文件夹找目标文档
<img src="images/2.jpg" />
c.上一级：当前文档跳出文件夹找目标文档
<img src="../1.jpg" />
(3)根相对路径:从web服务器的主目录开始路径 ‘/’开头

四表格（Table）
1.表格:将数据放到格式化的结构中，
内容放到单元格中（table,tr行
th|td单元格）
2.
<table
border="边框"
width="宽度:值|百分比"
height="高度"
cellpadding="内边距:内容和单元格的距离默认值2像素"
cellspacing="外边距:单元格和单元格之间的距离默认值2像素"
bgcolor="背景颜色"
background="背景图片"
align="left|center|right水平对齐方式"
bordercolor="边框颜色 w3c不支持">
<tr>
<td>...</td>
<td>...</td>
...
</tr>
<tr>
<td>...</td>
<td>...</td>
...
</tr>
....
</table>

3.th|td属性
(1)width宽度
（2）height高度
（3）bgcolor背景颜色
（4）background背景图片
（5）align:left|center|right水平对齐
(6)valign:top顶|middle居中|bottom底
垂直对齐方式
(7)colspan:跨列行合并
(8)rowspan:跨行列合并

4.嵌套表格
5.行(tr)分组
<thead>...</thead>
<tbody>...</tbody>
<tfoot>...</tfoot>
五.超链接(Anchor)
1.作用:实现页面跳转
2.链接元素:文本，图片，热点
3.格式
<a href="目标文档URL" target="窗口形式">...</a>

4.target 窗口形式
(1)_self:默认值，目标文档以当前窗口形式打开
(2)_blank:目标文档以新窗口形式打开
(3)_parent：目标文档以父窗口形式打开
(4)_top:目标文档以顶级窗口形式打开
(5)框架集名称:目标文档以框架集名称所在窗口打开

5.href 链接形式
(1)链接到网页支持的格式或浏览器支持的图片格式
网页支持的格式
a.静态页面 .html .htm
b.动态页面 .php .jsp .aspx
.shtml .shtm
动态页面(web程序开发语言，动态交互语言)
浏览器支持的图片格式
.jpg/jpeg, .gif .png

（2）链接到压缩文件:将文件用压缩软件或压缩命令
压缩，直接链接压缩文件名称

(3)链接到邮箱
<a href="mailto:ruan@163.com">...</a>

（4）链接到锚点(锚点：定位到页面中的具体某个位置又叫书签)
a.创建锚点
<a name="锚点名称"></a>
b.应用锚点
（1）锚点名称和链接元素在同一个页面
<a href="#锚点名称">...</a>
(2)锚点名称和链接元素不在同一个页面
<a href="目标文档URL#锚点名称">...</a>

(5)链接到javascript客户端脚本代码
<a href="javascript:js代码">...</a>

(6)链接到空链接（空文件）
(1)返回到页面顶端(刷新)
<a href="#">...</a>
（2）保持原始位置不变的链接（不刷新）
<a href="javascript:void(0)">...</a>

六.表单(Form)
1. 作用：收集客户端的数据，然后发送的服务器端
2.格式
<form action="服务器的URL"
method="数据传输方式默认值get|post"
name="表单名称">
...
</form>
说明:
method数据传输方式
get:将数据以名/值对的形式写
浏览器地址栏后面传输,不安全，
传输小数据，大小受浏览器地址栏
大小影响
例如:xx.php?名=值&名=值...
post: 将数据以名/值对的形式写在HTTP请求
头部中传输，安全，传输大数据
大小可以在服务器端配置
post_max_size=2M(最大2G)

3.表单元素(表单控件)
(1)单行文本框
<input type="text" name="名称"
value="值" size="文本框宽" maxlength=文本框内容最大长度/>
(1)密码文本框
<input type="password" name="名称"
value="值" size="文本框宽"
maxlength=文本框内容最大长度/>

原文：http://www.cnblogs.com/guowangdeyanjiang/p/5450623.html