讲讲.html怎么玩

2026年7月23日 · 阅读需 3 分钟

不要被吓跑了（快回来🙂），讲点简单的，因为我也只会简单的：

HTML（超文本标记语言）是构建网页的基础骨架。它不是编程语言，而是一种浏览器能识别的标记语言，用“标签”来描述网页的结构和内容。
简单来说，HTML 决定了网页“长什么样”（哪里是标题、哪里是段落、哪里放图片）…..
（好了，可以打住了，如果你对以上这些废话感兴趣可以去问ai😊）

直接告诉你，html ≈一个网页，现在用的是第五代html，所以叫html5，简称h5。所以以后不要被h5网页，h5设计这种互联网黑话吓到了，其实只是一个网页而已。（虽然到目前2026，h5大概已经是过时黑话了👋）

绝大部分的设备都能直接打开‘.html’的文件，会直接渲染成网页。

编写html则可以通过.txt也就是记事本来简单复制粘贴（请不要用记事本硬写，写md可以，写html太夸张了）。

更实际的方式是使用VS Code（建议用开源版VSCodium）编写，代码出错与否会自动高亮💡。

(这个就是下面那个框体的html本人)

不要直接写，请让ai给你吐出一个html框架或者直接在已有的html上面增加内容，比如在我的这几个外壳上面添加
（慢慢累积，就会越来越好，不知不觉就会变得很酷😊）

ai提示词参考👀 （先跟ai瞎聊一堆）然后输入：

给我制作成html

或者是正经的制作网页：

给我制作一个html，x+y=html
x=功能，y=风格，你可以增加其他需求定义为其他未知数。
请依次输入x，y

通常docusaurus（我这个博客就是docu的）或者hugo之类的静态站生成器，可以把html直接放进去（作为单独网页）或者嵌入.mdx里面（这种方式叫做‘react’,恭喜你又学会了一句技术黑话😊）

在.mdx里面就是这一句代码

<iframe src="/静态站生成器的默认路径/文件名.html" style={{ width: '100%', height: '250px' }}></iframe>  

stlye里面的width是整个html的显示比例，height是高度尺寸，这些都可以自定义👀。

总之先玩起来吧，玩坏了也有一个很酷的坏玩具，怎么样都不亏。