html空行有两种方法可以见到实现,无需使用CSS样式即可实现段落空行,上下文段间隔空间。
一、使用p段落标签空行
p语法
<p>第一段</p>
p是段落标签,文章段落前使用<p>结束使用</p>,这样p与p两段文章实现空行。
实例与截图
html段落空行实例截图
二、使用br换行标签空行
<br />是独立标签,使用两个br换行标签,即可实现换行空一行效果。
br换行标签实现空行间隔截图br实现html空一行间隔效果截图
对于html内置的内联级标签以及表单元素标签,源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格。包括ie和ff。而这个空格是会被当作一个空白节点(nodeType等于3的节点,就是文字节点)。
对于html内置的块级标签使用了display:inline则没上述问题。
对于html内置的块级标签之间的换行,ff会当作一个空白节点(用js可以获取到),ie则会忽略掉这个换行。
这个换行在ie和ff的页面上并无任何影响,不会出现空格。
CSS中定义P标签的text-indent:2em示例:
<style type="text/css">
p{text-indent:2em}
</style>
<body>
<p>
这里是放入的段落文字
</p>
</body>
扩展资料:HTML <p> 标签
所有主流浏览器都支持 <p>标签,<p>标签定义段落,p 元素会自动在其前后创建一些空白,浏览器会自动添加这些空间,也可以在样式表中规定。
注:
1、在 HTML 4.01 中,所有 p 元素的呈现属性均不被赞成使用。
2、在 XHTML 1.0 Strict DTD 中,所有 p 元素的呈现属性均不被支持。
规定段落中文本的对齐方式:
<p>标签支持 HTML 中的全局属性。
<p>标签支持 HTML 中的事件属性。
可以只在块(block)内指定段落,也可以把段落和其他段落、列表、表单和预定义格式的文本一起使用。总的来讲,这意味着段落可以在任何有合适的文本流的地方出现,例如文档的主体中、列表的元素里,等等。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)