Appearance
基础标签
HTML 有一批最常用的标签,先记住这几个就够起步了。
标题标签 <h1> ~ <h6>
从大到小共 6 级,h1 最重要,h6 最小:
html
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>1
2
3
2
3
显示效果:
一级标题
二级标题
三级标题
段落 <p> 和换行 <br>
html
<p>这是一个段落,会自动换行。</p>
<p>这是第二个段落。</p>
换行前<br>换行后1
2
3
2
3
强调:加粗与斜体
html
<strong>加粗重要内容</strong>
<em>斜体强调</em>1
2
2
显示效果:加粗重要内容 和 斜体强调。
注释
注释不会显示在页面上,是给写代码的人看的:
html
<!-- 这是一条注释,浏览器不会显示 -->1
完整小示例
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>1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
注意
标签要正确嵌套,先开的标签要先闭合,否则页面可能显示错乱。