H5段落的使用方法-H5教程-PHP中文网

H5段落的使用方法

php中世界最好的语言

发布： 2018-04-19 17:20:04

原创

3008人浏览过

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

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

HTML段落：

HTML文档中，段落是通过

标签定义的；

段落一

段落二

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

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

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

第一行

第二行

段落内完整的分行还可以使用
标签，使用效果还是蛮不错的。

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

HTML输出使用提醒：

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>春晓</h1>
<p>
    春眠不觉晓，
      处处闻啼鸟。
        夜来风雨声，
          花落知多少。
</p>
<p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/11197">
                            <img src="https://img.php.cn/upload/webcode/000/000/003/176527980152273.jpg" alt="起航点卡销售系统">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/11197">起航点卡销售系统</a>
                            <p>欢迎使用&ldquo;起航点卡销售系统&rdquo;销售程序：一、系统优势  1、售卡系统采取了会员与非会员相结合的销售方法，客户无需注册即可购卡，亦可注册会员购卡。  2、购卡速度快，整个购卡或过程只需二步即可取卡，让客户感受超快的取卡方式！  3、批量加卡功能。  4、取卡方式：网上支付，即时取卡 ，30秒可完成交易。  5、加密方式：MD5 32位不可倒推加密  6、防止跨站</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="起航点卡销售系统">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/11197" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="起航点卡销售系统">
                        </a>
                    </div>
                
</body>
</html>

登录后复制

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