美文网首页
【html学习笔记4】-段落和标题

【html学习笔记4】-段落和标题

作者: 兔小小 | 来源:发表于2023-08-16 22:51 被阅读0次

标题标签

<h1><h6>可以使用css的style来重新定义大小。

<h1 style="font-size:60px;">Heading 1</h1>

段落标签

<p>定义段落,段落总是从新的一行开始,浏览器会在段落前后自动添加一些空白(边距)。对于 HTML,无法通过在 HTML 代码中添加额外的空格或额外的行来改变显示效果。浏览器会在显示页面时自动删除多余的空格和行:

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>

主题分隔标签

<hr>通常以横向规则的形式显示。<hr> 元素用于分隔 HTML 页面中的内容(或定义变化):

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

换行符

<br> 元素定义换行符。如果要换行符<br>(换行符)而不开始新段落,请使用:

<p>This is<br>a paragraph<br>with line breaks.</p>

诗的错误

下面会发生错误,想分行显示结果显示在一行。

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

我们可以使用<pre>标签,<pre> 元素定义预先格式化的文本。元素内的文本<pre>以固定宽度的字体(通常是 Courier)显示,并保留空格和换行符,这样就可以了,不过字体有所改变:

相关文章

  • HTML第一天学习笔记

    HTML第一天学习笔记 1.常见的HTML标签 标题:h1、h2、h3、h4、h5.... 段落:p 换行:br ...

  • HTML 标题和段落

    HTML 标题对应于标题和副标题,通过突出主题和吸引用户注意力发挥着至关重要的作用。除了 HTML 段落之外,它们...

  • 二.HTML基础

    一.HTML 标题 HTML标题(Heading)是通过 - 等标签 二.HTML 段落 HTML段落是通过 标签...

  • HTML基础4--标题和段落

    标题和段落 文本通常都是由标题和段落组成段落是通过 元素标签进行定义的 标题是通过“标题标签”进行定义的 表示主...

  • HTML基础1

    HTML标题HTML标题由 至 标签定义。 定义了最重要的标题。 定义了最不重要的标题: HTML段落HTML段落...

  • Test

    标题-1 段落 1 段落 2 标题-2 段落 3 段落 4 标题-3 段落 4 段落 5 标题-4 click m...

  • HTML基础

    HTML标题(HTML标题(Heading)是通过

    -

    标签来定义的) HTML段落(HTML段落...

  • 2018-07-24 开始学习HTML

    HTML 标题 HTML 标题(Heading)是通过 -- 等标签进行定义的。 HTML 段落 HTML ...

  • HTML 基础

    HTML 标题 HTML 标题 (Heading) 是通过 - 标签来定义的. HTML 段落 HTML 段...

  • 2019-08-08

    HTML 标题 HTML 标题(Heading)是通过 - 等标签进行定义的。 HTML 段落 HTML ...

网友评论

      本文标题:【html学习笔记4】-段落和标题

      本文链接:https://www.haomeiwen.com/subject/ljjlmdtx.html