• HTML段落,换行,字符实体


    HTML段落,换行,字符实体

    html段落

    <p>标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开,代码如下:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>段落</title>
    </head>
    <body>
        <p>HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超
        文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的
        标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm。
        </p>
    
    <span class="hljs-tag">&lt;<span class="hljs-title">p</span>&gt;</span>&#x4E00;&#x4E2A;html&#x6587;&#x4EF6;&#x5C31;&#x662F;&#x4E00;&#x4E2A;&#x7F51;&#x9875;&#xFF0C;html&#x6587;&#x4EF6;&#x7528;&#x7F16;&#x8F91;&#x5668;&#x6253;&#x5F00;&#x663E;&#x793A;&#x7684;&#x662F;&#x6587;&#x672C;&#xFF0C;&#x53EF;&#x4EE5;&#x7528;&#x6587;&#x672C;&#x7684;&#x65B9;
    &#x5F0F;&#x7F16;&#x8F91;&#x5B83;&#xFF0C;&#x5982;&#x679C;&#x7528;&#x6D4F;&#x89C8;&#x5668;&#x6253;&#x5F00;&#xFF0C;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x6309;&#x7167;&#x6807;&#x7B7E;&#x63CF;&#x8FF0;&#x5185;&#x5BB9;&#x5C06;&#x6587;&#x4EF6;&#x6E32;&#x67D3;&#x6210;&#x7F51;&#x9875;&#xFF0C;&#x663E;&#x793A;&#x7684;&#x7F51;
    &#x9875;&#x53EF;&#x4EE5;&#x4ECE;&#x4E00;&#x4E2A;&#x7F51;&#x9875;&#x94FE;&#x63A5;&#x8DF3;&#x8F6C;&#x5230;&#x53E6;&#x5916;&#x4E00;&#x4E2A;&#x7F51;&#x9875;&#x3002;<span class="hljs-tag">&lt;/<span class="hljs-title">p</span>&gt;</span>
    

    </body>
    </html>

    html换行

    代码中成段的文字,直接在代码中回车换行,在渲染成网页时候不认这种换行,如果真想换行,可以在代码的段落中插入<br />来强制换行,代码如下:

    <p>
    一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用<br />
    文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件<br />
    渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。
    </p>
    

    html字符实体

    代码中成段的文字,如果文字间想空多个空格,在代码中空多个空格,在渲染成网页时只会显示一个空格,如果想显示多个空格,可以使用空格的字符实体,代码如下:

    <!--  在段落前想缩进两个文字的空格,使用空格的字符实体:&nbsp;   -->
    <p>
        &nbsp;&nbsp;一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用<br />
        文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件<br />
        渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。
    </p>
    

    在网页上显示 “<” 和 “>” 会误认为是标签,想在网页上显示“<”和“>”可以使用它们的字符实体,比如:

    <!-- “<” 和 “>” 的字符实体为 &lt; 和 &gt;  -->
    <p>
        3 &lt; 5 <br>
        10 &gt; 5
    </p>
    
  • 相关阅读:
    软连接
    libmysqlclient.so.18 not found 的解决方法
    查找某个文件并全部删除
    sudo passwd root:没有相关指令
    智能解析套件
    日志类封装
    windows安装mysql
    xshell报错Socket error Event: 32 Error: 10053
    appium简明教程(8)——那些工具
    appium简明教程(7)——Desired Capabilities详解
  • 原文地址:https://www.cnblogs.com/victorfengming/p/11931029.html
Copyright © 2020-2023  润新知