H5段落的使用方法


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来H5段落的使用方法,H5段落使用的注意事项有哪些,下面就是实战案例,一起来看一下。

HTML可以将文档分割为若干个段落,这样能使文档更加有规律、美观。

HTML段落:

HTML文档中,段落是通过<p>标签定义的;

<p>段落一</p>

<p>段落二</p>

ps:运行HTML文档,浏览器会自动在段落前后添加空行

大多数HTML文档现在都会自动补全结束标签,不过大家还是得养成好习惯,主动添加好结束标签,相信在未来的HTML发展趋势下,是不允许省略结束标签的。

在对于段落的编写中,如果你不希望另起一个段落换行的话可以是使用<br/>标签,在段落中换行,不影响段落的编辑。

<p>

第一行<br/>

第二行<br/>

</p>

段落内完整的分行还可以使用<br/>标签,使用效果还是蛮不错的。

这里的<br/>元素是HTML的一个空元素,关闭标签没有意义,所以它没有结束标签。

HTML输出使用提醒:

我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

<h1>春晓</h1>

<p>

    春眠不觉晓,

      处处闻啼鸟。

        夜来风雨声,

          花落知多少。

</p>

<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>

</body>

</html>

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

H5的文本格式化使用方法

H5+C3+JS实现楼层跳跃特效

以上就是H5段落的使用方法的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

HTML5 canvas

关于使用HTML5进行svg矢量图形绘制的代码

css3如何设置placeholder的样式

HTML5中<template>标签的详细介绍(图文)

如何自定义video播放器样式?

HTML5的setcustomvalidity的详细介绍

使用canvas实现迷宫游戏

分享利用HTML5实现图片压缩上传的实例代码

HTML5返回一个mediaerror对象的属性error

css中文字相关属性的介绍

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...