HTML常用标签——文本标签

  • 段落标签<p>
<html>

	<body>
		<p>床前明月光,</p>
		<p>疑是地上霜。</p>
		<p>举头望明月,</p>
		<p>低头思故乡。</p>
	</body>

</html>

注意:1.建议手工格式化,因为无法确认HTML被显示的确切效果。
            2.当显示页面时会移除源代码中多余的空格和空行,HTML代码中所有的连续的空格(换行)被显示为一个空格。

  • 标题标签<hr>
<html>

	<body>
		<h1>标题</h1>
		<h2>标题</h2>
		<h3>标题</h3>
		<h4>标题</h4>
		<h5>标题</h5>
		<h6>标题</h6>
	</body>

</html>
  • 水平标签<hr />
  • 换行标签<br />
  • 原样输出标签<pre>
<html>

	<body>
          <pre>
	          静夜思
		  床前明月光,
		  低头思故乡。
		  举头望明月,
		  低头思故乡。
		</pre>
	</body>

</html>
  • 强调标签<em>、<strong>
<html>

	<body>
		<em>em表示强调</em>
		<br />
		<strong>strong表示更强烈的强调</strong>
	</body>

</html>

注意:浏览器中<em>默认用斜体表示,<strong>默认用粗体表

  • 引用标签

    <q>用于短引用

<html>

	<body>
		<p>以下文本为引用</p>
		<q>引用文本</q>
	</body>

</html>

  注意:1.要引用的文本不需要双引号,浏览器会对<q>标签自动添加双引号。

              2.使用关键是它的语义。

 <blockquote>用于长引用

<html>

	<body>
		<blockquote>解释某个内容</blockquote>
	</body>

</html>

注意:1.浏览器会对<blockquote>标签自动添加首行缩进。

            2.对长文本使用。

  •  
发布了19 篇原创文章 · 获赞 16 · 访问量 3649

猜你喜欢

转载自blog.csdn.net/O9A0MA/article/details/89343795