XHTML基础

来源:互联网 发布:java支付工单状态流程 编辑:程序博客网 时间:2024/05/16 05:22
1.定义XHTML文档总体结构
<!DOCTYPE html>
<html>
<head>
 <title>标题部分</title>
 <meta charset="utf-8"/>/*编码解析*/
</head>
<body>
 ...文档正文部分...
</body>
</html>
2.添加XHTML文档正文
 2.1定义正文标题
 <h1>Heading 1</h1>
 2.2定义一个段落
 <p>段落示例1</p>
 2.3定义引用文本
 <p>独立宣言的一段:</p>
 <blockquote>
 blockquote元素将段落缩进,使其与周围的文字偏离。
 </blockquote>
 2.4定义列表
 有序列表:用元素ol定义
 无序列表:用元素ul定义
 定义列表:用元素dl定义
 有序列表和无序列表的列表项用元素li标记。
 定义列表的列表项是由两个元素dt和dd构成
 <ol>
  <li>1</li>
  <li>2</li>
  <li>3</li>
 </ol>
 <ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
 </ul>
 <dl>
 <dt>猫</dt>
 <dd>猫科,疑是与老虎是远亲</dd>
 2.5定义预编排位本
 <pre>
          2.9
           +1.2
       ---------
          4.1
 </pre>
 2.6定义分区块文本
 <div>
  <p>这是一个用div样式界定的段落</p>
 </div>
 2.7跨越多个字符
 <span>hfgjk</span>
 2.8特殊字符
 &nbsp;/*空格*/
 &lt;  /*左尖括号<或小于号*/
 &gt;  /*右尖括号>或大于号*/
 &copy;/*版权符号*/
 &reg;/*已注册符号*/
 &amp;/*and符号&*/
 &#151;/*长破折号*/
 2.9创建超链接
 <a href="目标URL">描述文本</a>
 定义锚点
 <a name="1"></a>
 <a href="10.5.html#1">1</a>
 2.10在网页显示图形
 <img src="filename.gif" alt=""/>
 2.11插入多媒体信息
 1)添加一个Flash文件
 <object type="application/x-shockwave-flash" data="Flash文件路径(F:/迅雷下载/一流素材网.swf)" width="Flash宽度" height="Flash高度" id="对象在网页标识号">
  <param name="movie" value="Flash文件路径(F:/迅雷下载/一流素材网.swf"/>
  <param name="allowScriptAcess" value="sameDomain"/>
  <param name="quality" value="best"/>
  <param name="bgcolor" value="#FFFFFF/">
  <param name="scale" value="noScale"/>
  <param name="salign" value="TL">
  <param name="FlashVars" value="playerMode=embedded">
 </object>
 2)添加一个视频文件
 <object type="video/x-ms-wmv" data="文件路径(F:/1/FunshionMedia/壮士出川-MP4/壮士出川-第11集.mp4)" width="视频播放器宽度" height="视频播放器高度">
  <param name="src" value="文件路径(F:/1/FunshionMedia/壮士出川-MP4/壮士出川-第11集.mp4)"/>
  <param name="allowScriptAcess" value="sameDomain"/>
  <param name="autostart" value="false"/>
  <param name="controiier" value="true"/>
 </object>
 2.12插入表格状数据
 table为表格,border为边框,tr为行,th为标题,td为列,rowspan为跨行合并,colspan为跨列合并
 <table border="3">
  <tr>  
   <th>标题</th>
   <td rowspan="2">列</td>
   <td colspan="2">列</td>
  </tr>
 </table>
 2.13在网页中插入其它网页
 <iframe
 src="URL"
 width="X" height="y"
 scrolling="[auto|yes|no]">
 frameborder="0|1"
 name="内部框架的名称"
 </iframe>
 src是调用的外部网页文件的路径
 width、height:内部框架区域的宽度与高度;
 scrolling:是指内部区域显示不完时的滚动选项
 frameborder:区域边框的宽度
 name:框架的名字

0 0
原创粉丝点击