HTML 基本标签

时间:2019-06-08 23:19:22  来源:igfitidea点击:

标题标签

任何文件都以标题开头。你可以用不同大小的标题。
HTML还有六个级别的标题,它们使用元素<h1>、<h2>、<h3>、<h4>、<h5>和<h6>

当显示任何标题时,网页浏览器内置的样式表会自动在每个标题前后创建一些空白(称为margin)。默认是一行的距离。

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

段落标签

<p>标签提供了一种将文本组织成不同段落的方法。

文本的每一段都应该位于开头<p>和结束</p>标记之间

<p>段落1</p>
<p>段落2</p>
<p>段落3</p>

换行符标签

无论何时使用<br />元素,它后面的任何内容都从下一行开始。

由于<br />是空元素,因此不需要相应的</br>标记。 因为它们之间没有任何东西可以插入。

<br />标记在字符br和正斜杠之间有一个空格。如果省略这个空格,旧的浏览器将无法呈现换行符,而如果使用<br>则在XHTML中无效。

<p>Hello<br />
   在段落中实现<br />
   换行<br />
   换行符是一个空元素</p>

创建水平线

我们可以使用<hr>标签来创建水平规则或行,以在视觉上分隔web页面上的内容部分。

<hr>标签也是一个空元素。

例如,我们可能需要在两个段落之间指定一条线,如下面给定的示例

<p>这是一个段落</p>
<hr>
<p>这是另外一个段落</p>

管理空白

HTML代码中,通过按键盘上的空格键tab键创建的多个连续空格。
通常浏览器会显示为1个单空格。

通过按enter键创建的多个换行符也显示为单个空格。

<p>这个段落包括      多个连续空格,浏览器将只显示一个空格</p>
<p>
这个段落包含了换行符,

浏览器将显示为1个空格。
</p>

插入 &nbsp;用于创建额外的连续空格,而插入<br>标记用于在web页面上创建换行符,如下面的示例所示:

<p>这个段落使用&nbsp;&nbsp;&nbsp;&nbsp;,可以在浏览器中显示多个连续空格</p>
<p>
这个段落使用<br>,
实现换行。
<br>
<br>
换行
</p>

定义预格式化文本(保留格式)

有时,我们希望文本遵循在HTML文档中编写时的格式。
在这些情况下,可以使用预格式化标记<pre>

开始标记<pre>和结束标记</pre>之间的任何文本都将保留源文档的格式。

<pre>
   function testFunction( strText ){
      alert (strText)
   }
</pre>