黑马程序员技术交流社区
标题:
HTML中<span…/>、<div…/>和<p…/>的区别？
[打印本页]
作者:
smhjx2006
时间:
2013-6-7 08:23
标题:
HTML中<span…/>、<div…/>和<p…/>的区别？
1、<span…/>默认情况不会导致换行，<div…/>和<p…/>默认会导致换行。
2、<div…/>产生的是段落中的一节，默认节与节直接没有间距。
3、<p…/>产生一个段落，所以段落与段落之间默认有更大的间距。
4、三个元素都可以包含文本、图像、超链接、文本格式化元素和表单控件元素等内容
5、<p…/>可以包含<span…/>元素，但<span…/>不能包含<p…/>
6、<div…/>元素可以包含<p…/>和<span…/>，还可以包含<h1…/>到<h6…/>、<form…/>、<table.../>、列表项元素和<div…/>元素，功能更强大，经常使用！
演示代码如下：
<html>
<head>
<title>基本标签</title>
</head>
<body>
<!-- 采用标题一到标题六来输出文本 -->
<h1>黑马程序员训练营</h1>
<h2>Android技术交流专区</h2>
<h3>Android源代码</h3>
<h4>Java技术交流专区</h4>
<h5>Java源代码</h5>
<h6>经典资源共享区 </h6>
<!-- 输出一条水平线 -->
<hr />
<!-- 使用三个span定义三节 -->
<span>Java</span><span>Android</span><span>.Net</span>
<!-- 输出换行 -->
<br />
<!-- 使用三个div定义三节 -->
<div> Java </div><div> Android </div><div>.Net </div>
<!-- 使用三个p定义三段落 -->
<p> Java <p> Android <p>.Net
</body>
</html>
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2