学习笔记—基本的HTML标签_学习笔记标签-优快云博客

本文链接：https://blog.youkuaiyun.com/youshenmebutuo/article/details/76999403

本文介绍了HTML的基本标签，包括标题、段落、链接和图像的定义及使用方法。通过实例展示了如何创建不同级别的标题，如何组织内容为段落，如何添加外部链接以及如何插入图像。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习笔记—基本的HTML标签

1. HTML标题

HTML标题（Heading）是通过<h1>-<h6>等标签进行定义的。
实例：

<html>
<head>
<title>HTML标题</title>
</head>
<body>
    <h1>标题一</h2>
    <h2>标题二</h2>
    <h3>标题三</h3>
    <h4>标题四</h4>
    <h5>标题五</h5>
    <h6>标题六</h6>
</body>
</html>

image_1bn2tacdhmmi1865kgf1joqthc9.png-26.2kB
不要为了产生粗体文本而使用标题标签，使用其它标签或CSS代替。

2.HTML段落

HTML段落是通过<p>标签进行定义的。
实例：

<html>
<head>
<title>HTML段落</title>
</head>
<body>
<p>这是第一段。</p>
<p>这是第二段。</p>
<p>这是第三段。</p>
</body>
</html>

image_1bn2to9gdsoc1ig1u4112rfp6om.png-18.8kB

3. HTML链接

HTML链接是通过<a>标签进行定义的。
实例：

<html>
<head>
<title>HTML链接</title>
</head>
<body>
<a href="http://blog.youkuaiyun.com/youshenmebutuo">链接到我的博客</a>
</body>
</html>

注释：在href属性中指定链接的地址
image_1bn2v4h3gf9aedf1d063ji14k21g.png-13.6kB

4. HTML图像

HTML图像是通过<img>标签进行定义的。
实例：

<html>
<head>
<title>HTML图像</title>
</head>
<body>
<img src="http://www.fubiz.net/wp-content/uploads/2016/03/polarbear-1-900x582.jpg" width="311" height="202"/>
</body>
</html>