HTML(超文本标记语言)是构建网页的基础。以下是 10 个最常用且实用的 HTML 标签:
- 用途:根标签,定义整个 HTML 文档
- 示例:\
-
代码代码<html>
<!-- 整个HTML内容 -->
</html>
class="header-vfC6AV auto-hide-last-sibling-br"
- 用途:包含文档的元数据,如标题、样式和脚本
- 示例:
-
代码代码<head>
<title>我的网页</title>
<meta charset="UTF-8">
</head>
class="header-vfC6AV auto-hide-last-sibling-br"
- 用途:包含网页的所有可见内容
- 示例:
-
代码代码<body>
<h1>欢迎来到我的网站</h1>
<p>这是一段文本内容</p>
</body>
class="header-vfC6AV auto-hide-last-sibling-br"
- 用途:定义标题,h1 是最大的标题,h6 是最小的
- 示例:
-
代码代码<h1>主要标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
class="header-vfC6AV auto-hide-last-sibling-br"
- 用途:定义段落
- 示例:
-
代码代码<p>这是一个段落。HTML会自动在段落前后添加空行。</p>
class="header-vfC6AV auto-hide-last-sibling-br"
- 用途:创建超链接
- 示例:
-
代码代码<a href="https://www.example.com" target="_blank">访问示例网站</a>
class="header-vfC6AV auto-hide-last-sibling-br"
- 用途:插入图像
- 示例:
-
代码代码<img src="image.jpg" alt="描述图片内容" width="300" height="200">
class="header-vfC6AV auto-hide-last-sibling-br"
- 用途:定义文档中的分区或节,用于布局
- 示例:
-
代码代码<div class="container">
<h1>欢迎</h1>
<p>这是一个容器</p>
</div>
class="header-vfC6AV auto-hide-last-sibling-br"
- 用途:定义行内元素,用于对文本的一部分进行样式化
- 示例:
-
代码代码<p>这是<span style="color: red;">红色</span>的文本。</p>
class="header-vfC6AV auto-hide-last-sibling-br"
- 用途:创建无序列表
- 示例:
-
代码代码<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
这些标签是 HTML 的基础,掌握它们可以帮助你创建简单但功能完整的网页。
没有评论内容