大鹏人文1. HTML标签基础入门
HTML（HyperText Markup Language）是构建网页的基础语言，它通过标签（tag）来定义网页的结构和内容。每个HTML标签都有特定的语义和功能，就像建筑中的砖块一样，共同构建起整个网页的框架。
我第一次接触HTML标签时，印象最深的是它们都使用尖括号包裹，比如<p>表示段落。这种标记方式简单直观，即使没有任何编程基础的人也能快速理解。HTML标签通常成对出现，由开始标签和结束标签组成，例如<h1>标题</h1>。不过也有少数标签是自闭合的，比如<img>用于插入图片。
提示：HTML标签不区分大小写，但按照惯例我们通常使用小写字母，这样代码看起来更统一规范。
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 文档结构与基本标签
2.1 HTML文档骨架
每个HTML文档都应该遵循基本的结构模板：
html复制<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<!-- 页面内容放在这里 -->
</body>
</html>
这个结构中：
<!DOCTYPE html>声明文档类型<html>是根元素，lang属性指定语言<head>包含元信息，不会显示在页面上<body>包含所有可见内容
2.2 常用内容标签
在网页开发初期，有几个标签你会频繁使用：
- 标题标签：
<h1>到<h6>，数字越小级别越高 - 段落标签：
<p>用于普通文本段落 - 链接标签：
<a href="url">链接文本</a> - 图片标签：
<img src="image.jpg" alt="描述"> - 列表标签：
- 无序列表
<ul>和<li> - 有序列表
<ol>和<li>
- 无序列表
我在实际项目中经常看到新手犯的一个错误是滥用<div>标签。虽然<div>很灵活，但过度使用会导致HTML结构不清晰。更好的做法是优先使用语义化标签，如<article>、<section>等。