XHTML 基础

  一、 XHTML L(是个可扩展超文本标记语言)既然是一种语言,那么他跟所有语言一样,必然有自己的一套语法规则。            

  二 、一个网页,也就是一个XHTML  文档,是由元素组成的。元素定义了文本和圆形在 XHTM文档中的结构。XHTML 文档的扩展名通常是html 或者 htm。XHTML元素使用XHTML 标记定义,每个标记都出现在一对尖括号(<>) 中。标记通常成对出现, 第一个标记定义了标记的起点,称为开始标记或者打开标记;第二个标记定义了的结尾,称为结束标记或关闭标记。在开始标记和结束标记之间的文本称为元素的内容。例如:<p>实例段落</p> 。 该元素从开始标记<p>开始,元素内容为“实例段落”,元素以结束标记</p>结束。标记具有属性,属性提供了关于页面上的XHTML 元素的附加信息。例如:<img srca="hello.gif'" />。属性总是按照 “名称/值” 对的形式出现, 并且总是附加在一个 XHTML 元素的开始标记部分。

三 、所以的XHTML 文档都有三个文档级的元素:html、head 和 body。这三个标记实际上对XHTML 文档划分了几个区。

例如 、如下代码:

<!DOCTYPE html>

<html>
  <head lang="en">
    <meta charset="UTF-8">
        <title>标题部分</title>
  </head>
    <body>
.....文档部分......
    </body>
</html>

四、<html>.....文档内容....... </html> 这个元素告诉客服端浏览器文档的开头和结尾。他是每个网页所需要的第一个XHTML 元素。

下一步,我们需要使用 head 元素定义 XHTML 文档的标题部分,每个网页只需要一个文档标题,也就是只有一个 <head >元素 或 title 元素。

出了文档标题外,为了被浏览器正确解释和通过标识校验,所有的XHTML 文档都必须声明他们所使用的编码语言。

如下代码:

<meta http-equiv="Content-Type" content="text/html; charse=GB2312"/>

五、在定义网页标题后,我们需要使用<body>.....文档正文.......<body/>

六、XHTML 提供了六个元素 h1 h2 h3 h4 h5 h6 ,以支持六个级别的正文标题,h1 表示最重要的标题,h6 表示最不重要的标题。

如,下面代码:

<body>       <h1>Heading</h1>       <h2>Heading</h2>

       <h3>Heading</h3>
<h4>Heading</h4>
<h5>Heading</h5>
<h6>Heading</h6>
</body>
(1) 段落文本包含在开始标记<p>和结束标记<p/>
如下面代码:
<p>段落示例1</p>
<p>段落示例2</p>

<p>段落示例3</p>
(2) 有序列表: 用元素 ol
无序列表:用元素 ul
定义列表: 用元素 di

(3) 有序列表和无序列表的列表项用元素li标记(List)

(4) 定义列表的列表项是由两个元素 dt和 dd 改成

(5) 实体代码必须以一个 and 符号(&) 开头,以一个分号(; )结尾。

(6) 特殊字符:
记忆码 (例如:符号&copy)
字符的十进制值 (例如:符号&#169;)
字符的十进制值 (例如:符号&#XA9)
七、 创建超链接:
1) Web链接有两个基本的组件:链接和目标。
其语法是:<a href=“目标 URL”>描述文本</a>
(2) 链接又分为两个部分:描述和目标引用。目标是在Internet 上可以传递的一个
文档。目标通过<a>标记的href 属性指定,而描述文本出现在a 元素的开始标记和结束标记之间。
(3) 以一个点加一个反斜杠 (./) 开头的目录表示该目录为当前目录 (当前页面所在的目录的一个子)目录。
(4) 以两个点加一个反斜杠 (../) 开头的目录表示该目录为当前目录的父目录。
(5) <a> 标记还有另外一个用途, 就是能够在当前文档中用来作为一个表记,提供一个可以直接链接的标签。
如、代码:<h1><a name="chapter01">第一章</a></h1>
八、 总结:
(1) XHTML 文档由元素组成,元素的定义了文本和图形在浏览器中显示的方式, 告诉 Web浏览器如何显示页面。
(2) XHTML 元素使用的 XHTML 标记定义,每个标记都出现在一对尖括号(<>) 中。标记通常成对出现,第一个标记定义了标记的起点,称为“开始标记” ;第二个标记定义了标记的结尾,称为“结束标记”。
(3) XHTML 文档总体结构由<html> 、<head> 、 <body>这三个文档级的标记构成。
(4)限定格式化段落的文本的标记有: <p> 、<h1> 到<h6>、<blockquote> 、<ul> 、<ol> 、<dl> 、<div>。
(5)创建超链接的 XHTML 标记为<a>。
(6)创建图形信息的 XHTML 标记为<img>。
(7)创建多媒体信息的 XHTML 标记为<object>。





 

 

 

 

 

   

 

posted on 2017-10-08 15:57  罗川武  阅读(235)  评论(0编辑  收藏  举报

导航