你有没有想过，平时上网看到的那些文字、图片、按钮，其实都是用代码搭出来的？就像盖房子要先打地基，做网页也得从最基础的部分学起。今天就带你认识一下网页的“地基”——HTML。
什么是HTML？
HTML 全名叫超文本标记语言（HyperText Markup Language），它不是编程语言，而是一种用来描述网页结构的标记语言。你可以把它想象成网页的骨架，比如哪儿是标题、哪儿是段落、哪儿放图片，都由它来决定。
一个最简单的网页长什么样？
别被术语吓到，我们直接上手写一个能打开的网页。新建一个文本文件，把下面这段代码复制进去，然后保存为 index.html，双击打开，你就拥有了自己的第一个网页。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个页面</title>
</head>
<body>
<h1>欢迎来到我的小站</h1>
<p>这是一段普通的文字，就像你现在读的这些。</p>
<p>接下来我会慢慢加上更多内容。</p>
</body>
</html>代码解释一下
<!DOCTYPE html> 告诉浏览器：这是个 HTML5 页面，按最新标准来解析。
<html> 是整个页面的根标签，所有内容都得包在它里面。
<head> 里放的是页面的配置信息，比如编码格式、标题等，用户看不到这部分内容。
<body> 才是真正显示给用户看的内容区域。
常用的HTML标签有哪些？
写网页就像搭积木，掌握几个基本标签就能拼出想要的效果。
标题用 <h1> 到 <h6>，数字越大字越小：
<h1>主标题</h1>
<h2>副标题</h2>
<h3>小标题</h3>段落用 <p>：
<p>这是一个段落。换行会自动处理，不用自己按回车。</p>加链接用 <a>：
<a href="https://www.example.com">点我跳转</a>插图片用 <img>，注意它是单标签：
<img src="photo.jpg" alt="一张照片">怎么让网页更好看一点？
HTML 只负责结构，想改颜色、字体、布局，得靠 CSS。但可以在 HTML 里直接加个 <style> 标签试试效果。
<head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #333;
}
h1 {
color: #007acc;
}
</style>
</head>加上这段样式后，页面立马就不那么“原始”了。
小技巧：用浏览器检查元素
看到喜欢的网页布局，想知道是怎么实现的？右键点击页面任意位置，选择“检查”或“审查元素”，就能看到背后的 HTML 和 CSS。这是最快的学习方式之一，很多人都是这么入门的。
下一步可以做什么？
现在你已经会写一个基础网页了。接下来可以试试加个列表、做个表单，或者把页面分成几个区块。网上有很多免费的编辑器，比如 VS Code，写代码更方便。边学边练，很快就能做出像模像样的个人页面。