XHTML笔记
HTML,XHTML大致相同, 只是XHTML的格式严紧一些，标准化，以下为学习XHTML笔记：
常用标签:
-------------
标题标签<h1>到<h6>
段落标签<p>
换行标签<br />(<br>)
水平分割线标签<hr />(<hr>)
-------------
标题标签<h1>到<h6>
段落标签<p>
换行标签<br />(<br>)
水平分割线标签<hr />(<hr>)
<a> 链接
<table> 表格
<tr> 表格行
<td> 单元
<p> 段落
<font> 字体
<div> 层?
<span> ?
<tbody> 表格体?
<img> 图像
<script> 脚本
<b> 加粗
<br> 换行---
空格
<h1-7 标签
<hr> hr标签?
<form> 表单?
<frame> 框架?
<ul> <li> 列表
-------------
<table> 表格
<tr> 表格行
<td> 单元
<p> 段落
<font> 字体
<div> 层?
<span> ?
<tbody> 表格体?
<img> 图像
<script> 脚本
<b> 加粗
<br> 换行---
空格
<h1-7 标签
<hr> hr标签?
<form> 表单?
<frame> 框架?
<ul> <li> 列表
-------------
文字格式特殊字:
---------------
加粗: <b>元素</b> <strong>元素</strong>
斜体: <i>元素</i> <em>元素</em>
注释: <!-- -->
特殊字符(字符实体): 例如小于号“<”在XHTML代码中写做“<”。
我们注意到源代码中的“©”在浏览器中显示为“@”。
注意标签的顺序:
<strong><em>我被两个标签包围啦！</em></strong>
-------------
空标签:
换行 <br />
水平线 <hr />
<img>标签也是一个空标签，
<meta>标签也是一个空标签，
-----------
<strong><em>我被两个标签包围啦！</em></strong>
-------------
空标签:
换行 <br />
水平线 <hr />
<img>标签也是一个空标签，
<meta>标签也是一个空标签，
-----------
超链接:
-----------
<a href="这个超级链接将要指向的网址">页面上将要显示的文字或者图片等</a>
-----------
<a href="这个超级链接将要指向的网址">页面上将要显示的文字或者图片等</a>
注意href属性值为一般网址（绝对路径）时，其"http://"是不可以省略的，否则浏览器将把它作为相对路径来识别。
页内跳转超级链接(锚记)
它的实现方法如下，首先在标题处加上如下代码：
<h1>XHTML教程――超级链接<a id="biaoti"></a></h1>
而超级链接本身的代码为：
<a href="#biaoti">回到标题</a>
它的实现方法如下，首先在标题处加上如下代码：
<h1>XHTML教程――超级链接<a id="biaoti"></a></h1>
而超级链接本身的代码为：
<a href="#biaoti">回到标题</a>
mail链接:
<html>
中间代码省略……
<p><a href=" mailto:[email protected]">联系我</a></p> <!-- 注意要把邮箱地址改为你自己的 -->
<p>Copyright©2005-2006XXX版权没有</p>
</body>
</html>
-----------
<html>
中间代码省略……
<p><a href=" mailto:[email protected]">联系我</a></p> <!-- 注意要把邮箱地址改为你自己的 -->
<p>Copyright©2005-2006XXX版权没有</p>
</body>
</html>
-----------
关于XHTML的效验:
首先进入： [url]http://validator.w3.org/[/url]，该页面就是一个XHTML效验工具
-----------
列表:
-----------
无序列表的标签是<ul></ul>，而每一个列表项目则用<li>标签表示。
有序列表的标签是<ol></ol>，列表项目仍然是<li>。
-----------
图像:
-----------
<img>标签用于在网页里插入图片。<img>标签有一个必需的属性"src"，它的属性值就是图片的地址。例如:<p><img src=" [url]http://www.cainiao8.com/images/logo.gif[/url]" alt="技术支持"/></p>
我们注意到<img>也是一个空标签，需要在结尾加上一个"/"以符合XHTML的要求。
-----------
无序列表的标签是<ul></ul>，而每一个列表项目则用<li>标签表示。
有序列表的标签是<ol></ol>，列表项目仍然是<li>。
-----------
图像:
-----------
<img>标签用于在网页里插入图片。<img>标签有一个必需的属性"src"，它的属性值就是图片的地址。例如:<p><img src=" [url]http://www.cainiao8.com/images/logo.gif[/url]" alt="技术支持"/></p>
我们注意到<img>也是一个空标签，需要在结尾加上一个"/"以符合XHTML的要求。
用图片作为链接
<p><a href=" <img '>[url]http://www.cainiao8.com/[/url]"><img src=" [url]http://www.cainiao8.com/images/logo.gif[/url]" alt="技术支持"/></a></p>
<p><a href=" <img '>[url]http://www.cainiao8.com/[/url]"><img src=" [url]http://www.cainiao8.com/images/logo.gif[/url]" alt="技术支持"/></a></p>
-----------
head和DTD
-----------
-----------
-----------
-----------
表格
-----------
创建表格的标签是<table>，书写代码时，我们要先用<tr>标签将表格分成一行一行，再用<td>标签把每行分成一格一格.
-----------
创建表格的标签是<table>，书写代码时，我们要先用<tr>标签将表格分成一行一行，再用<td>标签把每行分成一格一格.
表格的边框（border）属性:
<table>标签可以有border属性。如果不设置border属性的值，在默认情况下，浏览器将不显示表格的边框。
<table>标签可以有border属性。如果不设置border属性的值，在默认情况下，浏览器将不显示表格的边框。
例如:
table border="1">
<tr>
<td>一个格子</td>
<td>一个格子</td>
</tr>
<tr>
<td>一个格子</td>
<td>一个格子</td>
</tr>
<tr>
<td>一个格子</td>
<td>一个格子</td>
</tr>
<tr>
<td>一个格子</td>
<td>一个格子</td>
</tr>
</table>
table border="1">
<tr>
<td>一个格子</td>
<td>一个格子</td>
</tr>
<tr>
<td>一个格子</td>
<td>一个格子</td>
</tr>
<tr>
<td>一个格子</td>
<td>一个格子</td>
</tr>
<tr>
<td>一个格子</td>
<td>一个格子</td>
</tr>
</table>
-----------
框架结构
-----------
框架结构标签<frameset></frameset>
给框架结构分栏(”cols“和”rows“属性)
-----------
框架结构标签<frameset></frameset>
给框架结构分栏(”cols“和”rows“属性)
<html>
<frameset rows="25%,75%">
<frame src="1.html"/>
<frame src="3.html"/>
</frameset>
</html>
<frameset rows="25%,75%">
<frame src="1.html"/>
<frame src="3.html"/>
</frameset>
</html>
其中"rows="25%,75%"表示该页面共分为两行，因为它有两个属性值，而他们的大小则分别为页面高度的25%和75%。
上面的实例中已经用到了<frame>标签，它的src属性就是这个框架里将要显示的内容。在本实例中的两个框架是可以通过拖拽开改变大小比例的，如果你希望它们大小固定可以使用noresize="noresize"属性。
注意：<frame>标签是空标签，需要加上一个"/"以符合XHTML的要求。
框架结构和DTD
框架页面的DTD与一般网页不同。声明方法如下：
框架页面的DTD与一般网页不同。声明方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " [url]http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd[/url]">
-----------
表单
-----------
表单标签<form>
表单内的<input>
1.文本框
<form>姓名:<input type="text"name="user"/><br/></form>
2.密码框
<form>姓名:<input type="password"name="pass"/><br/></form>
-----------
表单标签<form>
表单内的<input>
1.文本框
<form>姓名:<input type="text"name="user"/><br/></form>
2.密码框
<form>姓名:<input type="password"name="pass"/><br/></form>
<input>标签也是一个空标签。他没有终止标签。我们一定要记得在后面加上一个"/"以符合XHTML的要求。
-----------
总结
-----------
-----------