HTML和CSS入门：做一张好看的个人名片网页

网页是怎么做出来的？

你每天浏览的网页，不管是淘宝还是知乎，底层都是由两个东西组成的：HTML（内容结构）和CSS（外观样式）。

打个比喻：HTML是房子的骨架（哪里是客厅、哪里是卧室），CSS是装修（墙刷什么颜色、家具怎么摆）。

今天我们用这两个技术做一张在线名片。

开始动手

创建一个文件叫 card.html，用任意文本编辑器打开（记事本就行）：

张三

产品经理 / 独立开发者

热爱技术和创造，相信AI可以让每个人都成为创造者。
目前在做一个帮助零基础用户学编程的项目。

GitHub
博客
邮箱

代码每部分在干嘛

HTML部分（标签）：div是一个容器盒子，img是图片，a是链接。这些标签定义了名片的内容结构。

CSS部分（style标签里的内容）：

怎么改成你自己的？

下一步学什么？

学会了HTML和CSS的基础，你可以继续学JavaScript（让网页能跟用户互动），然后就能做出各种有趣的小工具了。

不过不用着急，先把这张名片改成你满意的样子，发给朋友看看。这就是你的第一个网页作品。