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

2023-08-16  本文已影响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)显示,并保留空格和换行符,这样就可以了,不过字体有所改变:

上一篇 下一篇

猜你喜欢

热点阅读