实例—1

HTML 标题

HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>技术中文网(html99.cn)</title>
</head>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>
</html>
HTML基础—四个实例-技术中文网
实例-1

实例—2

HTML 段落

HTML 段落是通过标签 <p> 来定义的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>技术中文网(html99.cn)</title>
</head>
<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>

</body>
</html>
HTML基础—四个实例-技术中文网
实例-2

实例—3

HTML 链接

HTML 链接是通过标签 <a> 来定义的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>技术中文网(html99.cn)</title>
</head>
<body>

<a href="http://www.html99.cn">这是一个链接,使用了href 属性</a>

</body>
</html>
HTML基础—四个实例-技术中文网
实例-3

实例—4

HTML 图像

HTML 图像是通过标签 <img> 来定义的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>技术中文网(html99.cn)</title>
</head>
<body>

<img src="技术中文网.png" width="300" height="120" />

</body>
</html>
HTML基础—四个实例-技术中文网
实例-4