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>

浏览器渲染效果:

猜你喜欢

转载自www.cnblogs.com/reyinever/p/10514187.html