网页的所有文字、图片、链接，都用 HTML 标签描述。下面三步学会。
一个网页可以只有两行——一个标题，一段话。改右边的文字看看效果：
<h1> = 标题（最大） <p> = 段落<标签名>内容</标签名> 的格式。浏览器读到 <h1> 就知道「这是一级标题」，用大号加粗显示。读到 <p> 就知道「这是正文段落」，另起一行。你不需要写字号多大、什么颜色——HTML 只管内容是什么。
网页不止标题和段落——还可以有列表、加粗、链接：
<ul> = 无序列表的容器 <li> = 列表项<b> = 加粗 <a href="..."> = 链接| 标签 | 用途 | 例子 |
|---|---|---|
<h1>~<h6> | 标题，数字越小字越大 | <h1>角色介绍</h1> |
<p> | 段落 | <p>她是STEM首席。</p> |
<img src="图片地址"> | 插入图片（单标签，不用闭合） | <img src="oc.png"> |
<a href="链接"> | 可点击的链接 | <a href="https://...">点这里</a> |
<div> | 容器盒子（后面CSS会用到） | <div class="card">...</div> |
<ul><li> | 无序列表 | <ul><li>事项</li></ul> |
<b> | 加粗文字 | <b>重要</b> |
<hr> | 分割线（单标签） | <hr> |
一个真正的 HTML 文件还需要「包装」——<head>（设置）和 <body>（内容）。加上 style 属性可以直接上色：
<head> = 给浏览器看的（编码、页面标题、以后装CSS的地方）<body> = 给用户看的（所有可见内容都在这里）style="xxx:yyy" = 直接在标签上写样式title 改成你的OC站名字；把角色信息换成你的OC。✅ 用 <h1> 和 <p> 写标题和段落
✅ 用 <ul><li> 写列表，<b> 加粗，<a> 做链接
✅ <head> 放设置，<body> 放内容
✅ 用 style="..." 快速改颜色和字号
有了这三步，你已经可以写一个能看的基础页面了。接下来学 CSS，让它变好看。