zoukankan      html  css  js  c++  java
  • html标题-段落-字符实体-换行

    Html标题标签:

    <h1><h2><h3><h4><h5><h6>标签可以在网页上定义6种级别的标题,这6种级别的标题表示文档的6级目录层级关系。(类似于word文档的标题)

    搜索引擎会使用标题将网页的结构和内容编制索引,所以网页上使用标题是很重要的。

    代码:

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>标题标签</title>

    </head>

    <body>

        <h1>一级标题</h1>

        <h2>二级标题</h2>

        <h3>三级标题</h3>

        <h4>四级标题</h4>

        <h5>五级标题</h5>

        <h6>六级标题</h6>

    </body>

    </html>

    浏览器渲染效果:

    Html段落标签:

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

    代码:

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>段落标签</title>

    </head>

    <body>

        <h1>博客简介</h1>

        <p>博客的出现,使我们在互联网世界,第一次有了知识积累和文化指向。使人类由粗放的数字化生存,过渡为个人化的精确的目录式生存。博客们将工作、生活和学习融为一体,通过博客日志,将日常的思想精华及时记录并发布,萃取并链接全球最有价值、最相关、最有意思的信息与资源。</p>

    </body>

    </html>

    浏览器渲染效果:

    html字符实体:

    空格  

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

    < >

    在网页上显示< >会被误认为是标签,所以想在页面上显示 < > ,可以使用它们的实体:&lt;、&gt;

    Html换行:

    <br>换行标签,单标签(不是成对的),规范的写法可以是<br />

    代码:

    <!DOCTYPE html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <title>段落标签</title>

    </head>

    <body>

        <h1>博客简介</h1>

        <p>&nbsp; &nbsp;&nbsp;&nbsp;博客的出现,使我们在互联网世界,第一&nbsp;&nbsp;次有了知识积累和文化指向。

            使人类由粗放的数字化生存,过渡为个人化的精确的目录式生存。<br />

            博客们将工作、生活和学习融为一体,通过博客日志,<br />

            将日常的思想精华及时记录并发布,萃取并链接全球最有价值、最相关、最有意思的信息与资源。</p>

        <p>10&gt;5</p>

        <p>2&lt;8</p>

        <!-- >  greater than  大于

             <  less than  小于

        -->

    </body>

    </html>

    浏览器渲染效果:

  • 相关阅读:
    css样式之属性操作
    css之操作属性
    前端之css样式(选择器)。。。
    微信天天酷跑答题赢积分所有问题及答案
    MP3中设置播放顺序的软件《闪存式MP3伴侣》
    转:java中数组与List相互转换的方法
    javascript脚本中使用json2.js解析json
    使用jsmin压缩javascript脚本
    关于http客户端常见错误"警告:Going to buffer response body of large or unknown size. Using getResponseBodyAsStream instead is recommended.
    IDEA中Git更新合并代码后,本地修改丢失
  • 原文地址:https://www.cnblogs.com/reyinever/p/10514187.html
Copyright © 2011-2022 走看看