学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>Javascript>>经验笔记

HTML基础教程(七) 段落

发布时间:2019-12-14 点击:59

    HTML段落

    在HTML文档中,段落是我们经常用来输出文字使用的HTML标签,它可以将文字包含在其中输出,并且一对段落标签显示时会单独占一行。

    在HTML文档中,纯文字的排版是无用的,浏览器会忽视多余的空格,如果想要显示我们想要的排版样式,我们可以结合HTML段落标签来实现。

    一:HTML段落标签

    <p>这里是我们需要输出的文字</p>

    二:通过实例说明用法

    1、在p标签中,我们排版的样式是无效的,多余的空格和换行均会被忽略

    <html>
    <head>
    <meta charset='utf-8'>
    <title>标题</title>
    </head>
    <body>
    <p>这里是迷糊馆
    这里是迷糊馆HTML基础教程</p>
    </body>
    </html>

    在编写时我们是分两行编写的,但是浏览器会忽略换行和空格,显示如下:

    2、HTML段落标签p会单独占一行显示,即使编写时两个在一行,显示时会换行的(所以p标签是一个块级元素)

    <html>
    <head>
    <meta charset='utf-8'>
    <title>标题</title>
    </head>
    <body>
    <p>这里是迷糊馆这里是迷糊馆HTML基础教程</p><p>这里是迷糊馆这里是迷糊馆HTML基础教程</p>
    </body>
    </html>

    显示如下:

    3、如果一个p标签想要实现换行,也可以结合使用换行标签<br>来实现

    <html>
    <head>
    <meta charset='utf-8'>
    <title>标题</title>
    </head>
    <body>
    <p>这里是迷糊馆<br>这里是迷糊馆HTML基础教程</p>
    </body>
    </html>

    浏览器遇到<br>标签时会自动换行显示:

赞一个(0)     踩一个(0)    

相关链接

搜索

昵称:*
邮箱:
电话:
评论: