Skip to content

基础标签 ​

HTML 有一批最常用的标签,先记住这几个就够起步了。

标题标签 <h1> ~ <h6> ​

从大到小共 6 级,h1 最重要,h6 最小:

html
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>

显示效果:

一级标题 ​

二级标题 ​

三级标题 ​

段落 <p> 和换行 <br> ​

html
<p>这是一个段落,会自动换行。</p>
<p>这是第二个段落。</p>
换行前<br>换行后

强调:加粗与斜体 ​

html
<strong>加粗重要内容</strong>
<em>斜体强调</em>

显示效果:加粗重要内容 和 斜体强调。

注释 ​

注释不会显示在页面上,是给写代码的人看的:

html
<!-- 这是一条注释,浏览器不会显示 -->

完整小示例 ​

html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>标签练习</title>
</head>
<body>
  <h1>今天学到的标签</h1>
  <p>我已经掌握了 <strong>标题</strong> 和 <strong>段落</strong>。</p>
  <!-- 我还能写注释 -->
</body>
</html>

注意

标签要正确嵌套,先开的标签要先闭合,否则页面可能显示错乱。

HTML 入门教程 · 零基础学做网页 · 每页带代码示例