接着上一篇继续更！这几天终于把 HTML 里最常用的几个标签啃完了 —— 图片、超链接和列表。以前看别人的网页，以为这些功能有多难，上手练了才发现，其实掌握几个核心属性就能搞定，而且组合起来，页面一下子就从纯文字变得有模有样了！
1. 图片标签：终于学会在页面里 “插图” 了！
图片标签用的是<img>，是个单标签，不用写闭合。最关键的两个属性是src和alt：
src：图片的地址，本地路径或者网络图片地址都可以，比如src="images/logo.jpg"或者src="https://xxx.com/xxx.jpg"。alt：图片加载失败时显示的替代文字，也方便屏幕阅读器识别，属于新手也要养成的好习惯。
踩了个小坑：一开始用本地图片，路径写错了，图片一直显示不出来，后来才搞懂相对路径的规则 —— 如果 HTML 文件和图片在同一个文件夹，直接写文件名就行；如果图片在子文件夹里，要写文件夹名/图片名，比如src="img/bg.jpg"。
另外还试了用width和height调整图片大小，不过教程说最好别直接在 HTML 里写死宽高，后续用 CSS 控制更灵活，我就先简单设置了个大概尺寸，等学了 CSS 再改。
2. 超链接标签：终于能让页面 “跳来跳去” 了！
超链接用<a>标签，双标签，核心属性是href：
href="目标地址"：可以是外部网址（比如https://www.juejin.cn），也可以是本地 HTML 文件（比如about.html），还能写#表示空链接，先占个位置。target="_blank"：加上这个属性，点击链接会在新标签页打开，不会覆盖当前页面，这个功能超实用！
还学了一个好玩的用法：图片也能当链接！把<img>标签直接放在<a>里面就行，比如：
<a href="https://www.juejin.cn" target="_blank">
<img src="logo.jpg" alt="掘金官网">
</a>
这样点击图片就能跳转到掘金官网了，瞬间 get 了网页里的图片跳转效果！
3. 列表标签：整理信息超好用！
列表分三种，我主要练了最常用的无序列表和有序列表：
- 无序列表
<ul>+ 列表项<li>：默认前面是小圆点，适合写清单、导航之类的，比如：
<ul>
<li>HTML（学习中）</li>
<li>CSS（待学习）</li>
<li>JavaScript（未开始）</li>
</ul>
- 有序列表
<ol>+ 列表项<li>：默认前面是数字序号，适合步骤、排名之类的，比如：
<ol>
<li>新建HTML文件</li>
<li>写好基本结构</li>
<li>添加内容标签</li>
</ol>
还有个自定义列表<dl>，不过暂时用得少，先记个概念，后续遇到再细学。
4. 把这些标签拼了个简单的 “个人主页”
学完这几个标签，我试着把它们组合起来，写了个超简单的个人主页雏形：
- 用
<img>放了一张自己的头像（本地图片）； - 用
<a>标签加了跳转 GitHub 和掘金的链接； - 用
<ul>列了自己的学习计划； - 用
<p>和<h2>写了个人介绍。
虽然还是没有任何样式，排版也很简陋，但打开浏览器一看，有文字、有图片、有链接，终于不再是光秃秃的纯文字页面了，那种成就感真的不一样！
5. 这几天的小感悟
以前总觉得 “网页” 是很复杂的东西，现在慢慢发现，HTML 就是用一个个标签把内容 “搭骨架”，标签组合起来，就能实现各种各样的基础效果。
