超文本标记语言
HyperText Markup Language
学到 认得 就够:听到能明白
你可能会说
“我想读懂课题网页里的标题、段落和链接,HTML 在描述什么?”
HTML用元素表达网页内容及其结构含义,例如标题、段落、列表、链接、表格。浏览器读取这些标记后呈现页面,辅助技术也依赖其中的语义来帮助读者导航。
使用 AI
科研里的例子
把一个AI术语页组织成标题、解释、例子、来源和相关词链接。
HTML主要描述结构和语义,CSS主要描述样式,JavaScript常用于行为;三者配合但并非每个页面都必须复杂使用。用真正的标题和按钮元素,通常比只把文字画得像标题或按钮更利于阅读与操作。
动手试一次
观察一小段HTML,指出标题、正文和链接的位置。
在你的学科里,直接拿去用
把科普网站想法转为设计简报
请把我的科普网站想法写成设计简报,供下一轮Claude Design使用。 读者:[填写] 真实内容样例:[提供3—5份标题、摘要或卡片] 参考页面与喜欢的部分:[链接及原因] 先明确读者来要解决的事、首次访问路径、回访理由和内容维护量。分别讨论问题页、知识卡库、学习路线与作者更新流是否需要。给栏目命名、信息顺序、桌面与手机行为、空状态、加载状态、错误状态和可检查标准。提供必要的中英设计措辞;不用“高级感”替代尺寸、层级和动作。当前只交简报与待比较方案,不改网站界面代码。方括号里的内容换成你自己的。来自知识增量《科研中英表达与 Prompt 指南》PG12
查错并交付能核验的修复
请定位问题并给最小修复。 代码与环境:[粘贴] 输入样例:[不含私密信息的小样本] 实际错误或输出:[粘贴] 我期望:[填写] 先区分已观察事实与可能原因,优先用最小样例验证。解释根因,给最小差异和有意义的检查。没有实际运行权限时明确标为未运行建议,不把推测写成测试通过。若修改会影响研究规则或结果,指出具体影响,不顺手重构无关部分。方括号里的内容换成你自己的。来自知识增量《科研中英表达与 Prompt 指南》PG09
判断
亲手检查一次
检查标题层级、链接文本和键盘操作,不能只看视觉外观。
它做不到的
HTML不是Markdown,也不是通常意义上用来写算法的编程语言;网页源文件与网页截图承载的信息不同。
增量,由你来写
读完这张,你的理解变了什么?
留言功能会在后面的版本开放。现在可以先在 X 上 @knowledgedelta 告诉我。