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>
插入
用于创建额外的连续空格,而插入<br>
标记用于在web页面上创建换行符,如下面的示例所示:
<p>这个段落使用 ,可以在浏览器中显示多个连续空格</p> <p> 这个段落使用<br>, 实现换行。 <br> <br> 换行 </p>
定义预格式化文本(保留格式)
有时,我们希望文本遵循在HTML文档中编写时的格式。
在这些情况下,可以使用预格式化标记<pre>
。
开始标记<pre>
和结束标记</pre>
之间的任何文本都将保留源文档的格式。
<pre> function testFunction( strText ){ alert (strText) } </pre>