XHTML基本语法规则

1、一个网页也就是一个XHTML文档,由元素组成。元素定义了文本和图形在XHTML文档中的结构。XHTML文档的扩展名通常是.html或者.htm

2、XHTML元素使用XHTML标记定义,每一个标记都出现在一堆尖括号(<>)中,标记通常成对出现,第一个是开始标签(开放标签),第二个是结束标签(闭合标签)。

3、XHTML中,必须有结束标签。如果是单个的标签,如br,不能写成<br>,要写成<br/>。

4、XHTML文档总体结构:

<!DOCTYPE html>
<html>
	<head>
		<title>标题部分</title>
		<!-- 除了文档标题部分外,为了被浏览器正确解释和通过标识校验,所有的XHTML文档都必须声明他们所使用的编码语言。utf-8是可<span style="white-space:pre">		</span>变长度字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
	</head>
	<body>
	文档正文部分
	</body>
</html>
5、添加XHTML文档正文,在<body> </body>中添加。

(1)定义正文标题。XHTML提供六个元素h1~h6,以支持六个级别的正文标题,h1表示最重要的标题,h6表示最不重要的标题。

(2)定义一个段落。段落文本包含在<p> 和 </p>中

(3)引用文本。用blockquote元素界定一个引用文本块,该元素将段落缩进,使其与周边的文字偏离。

(4)定义列表。有序列表:元素 ol ,无序列表:元素 ul ,列表项用元素 li 标记。WEB浏览器会在无序列表的每个列表项前加一个小 圆点或者小方块,在有序列表的每个列表项前加一个整数。
 定义列表:元素 dl ,列表项有 dt (定义列表项名称)和 dd (定义列表项具体内容)

(5)定义预编排文本。元素 pre ,可以使文本完全按照源文件中的编排格式,一模一样的在浏览器中显示。

(6)定义分区块文本。元素 div 。在XHTML中,div元素常常与CSS一起,在处理页面布局时使用。

(7)跨越多个字符。 元素 span 。对部分字符进行格式化。

(8)创建超链接。元素 a 。语法形式:<a href="目标URL"> </a>

a元素的另一个作用是创建一个“锚点”

(9)在网页中显示图片。 元素 img 。语法形式:<img  src="图片路径及名称"  alt="指定当前图像不能显示时应该显示的文本"  />

(10)插入多媒体信息。 元素 object

(11)插入表格状数据。元素 table  tr  td  ,表格用<table>标记来定义,一个表使用<tr>标记分成行,每行使用<td>标记来分成数据单元。

(12)在网页中插入其他网页。元素   iframe.

<iframe
 src="URL"
 width="x" height="x"
 scrolling="[auto|yes|no]"
 frameborder="0|1"
 name="内部框架的名称">
 </iframe>
<!--  src:外部网页文件的路径
 width、height:内部框架区域的宽度与高度
 srolling:当src的指定的外部文件在制定的区域显示不完时的滚动选项。no:没有滚动条,yes:显示滚动条,auto:自动出现滚动条
 frameborder:区域边框的宽度
 name:框架的名字,用来进行识别 -->
6、XHTML元素分为块级元素和内嵌元素, 块级元素定义的文本是换行的, 内联元素定义的文本是不换行的

块级元素:div、blockquote、列表元素( ol  ul  dl )、fieldset、form、h1-h6、hr、p、pre、table等

内联元素:span、a、img、label、所有的表单输入元素、iframe、object等。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值