本文通过样例详解HTML常用的基础标签，包括以下标签：<html>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<body>、<p>、<a>、<br>、<img>。
1.<html>
【标签说明】：标签<html>用来定义html文档，是整个html文档中最外层的元素，其意义在于表示这是一个html文档。
【样例展示】：
<html>
<head>
<meta charset="utf-8">
<title>文档标题样例</title>
</head>
<body>
文档内容样例开始
<h6>具体内容样例1</h6>
<h6>具体内容样例2</h6>
<h6>具体内容样例3</h6>
文档内容样例结束
</body>
</html>
【输出结果】：
2.<h1>、<h2>、<h3>、<h4>、<h5>、<h6>
【标签说明】：标签<h1>、<h2>、<h3>、<h4>、<h5>、<h6>用来定义标题，标题大小从<h1>到<h6>依次递减，<h1>表示最大的标题，<h6>表示最小的标题。
【样例展示】：
<html>
<head>
<meta charset="utf-8">
<title>标题标签样例展示</title>
</head>
<body>
<h1>标题样例h1</h1>
<h2>标题样例h2</h2>
<h3>标题样例h3</h3>
<h4>标题样例h4</h4>
<h5>标题样例h5</h5>
<h6>标题样例h6</h6>
</body>
</html>
【输出结果】：
3.<body>
【标签说明】：标签<body>用来定义主体内容。
【样例展示】：
<html>
<head>
<meta charset="utf-8">
<title>样例展示标题</title>
</head>
<body>
样例展示主体内容
</body>
</html>
【输出结果】：
4.<p>
【标签说明】：标签<p>用来表示段落。
【样例展示】：
<html>
<head>
<meta charset="utf-8">
<title>段落标签样例展示</title>
</head>
<body>
<p>风急天高猿啸哀，渚清沙白鸟飞回。</p>
<p>无边落木萧萧下，不尽长江滚滚来。</p>
<p>万里悲秋常作客，百年多病独登台。</p>
<p>艰难苦恨繁霜鬓，潦倒新停浊酒杯。</p>
</body>
</html>
【输出结果】：
5.<a>
【标签说明】：标签<a>用来表示链接，通过标签<a>的href属性指定具体的链接地址。
【样例展示】：
<html>
<head>
<meta charset="utf-8">
<title>链接标签样例展示</title>
</head>
<body>
<a href="https://www.csdn.net/">CSDN链接地址</a>
</body>
</html>
【输出结果】：
点击链接会进入具体页面。
6.<br>
【标签说明】：标签<br>用来换行，这是一个没有元素内容的空标签，并且<br>没有结束标签，因此也叫单标签，<br>或<br/>两种写法都可以。
【样例展示】：
<html>
<head>
<meta charset="utf-8">
<title>换行标签样例展示</title>
</head>
<body>
开始
<br><br>
日照香炉生紫烟，<br>
遥看瀑布挂前川。<br>
飞流直下三千尺，<br/>
疑是银河落九天。<br/>
<br>
结束
</body>
</html>
【输出结果】：
7.<img>
【标签说明】：标签<img>用来表示图片，属性src指明具体路径。
【样例展示】：
<html>
<head>
<meta charset="utf-8">
<title>图片标签样例展示</title>
</head>
<body>
<img src="D:\Screenshots\pic01.png" width="300" height="50" />
</body>
</html>
3213
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
