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>
|