本文关键词：文本文档做网站怎么加图片
最近好多小白朋友私信我，说手里只有记事本或者Word文档，想把它变成个能看图片的网站。甚至有人问，是不是得学什么高深代码？
说真的，看到这种问题我头都大了。文本文档本身就是纯文本，它不支持直接插入图片，这是底层逻辑决定的。但这不代表你不能做，只是你得换个思路。别一听“建站”就觉得要花钱买服务器、搞数据库，那是大公司的玩法。咱们普通人，搞个静态页面，展示下照片，完全够用。
很多人卡在第一步，就是不知道图片放哪。其实核心就两点：图片路径和HTML标签。
我先说个最土但最管用的办法，适合新手。你不用懂什么CSS布局，就用最简单的HTML。
第一步，准备素材。找个文件夹，比如叫“我的网站”。里面建一个记事本，重命名为index.html。注意，后缀要是.html，不是.txt。然后把你想要展示的图片，比如1.jpg, 2.jpg，也丢进这个文件夹里。一定要在同一个文件夹，别搞复杂了，后面路径好找。
第二步，打开那个html文件，右键选择“用记事本打开”。这时候你会看到一片空白。别慌，复制下面这段代码进去。
这行代码就是关键。img是图片标签，src是来源，width是宽度。你把1.jpg换成你真实的图片名字。保存，关闭。
第三步，双击那个html文件，浏览器就打开了。如果你看到图片了，恭喜你，成功了。如果显示裂图，那就是图片名字写错了，或者图片没在同一个文件夹里。
这时候肯定有人问，文本文档做网站怎么加图片才能美观？
这就得稍微动点脑子了。你可以用Dreamweaver这种老软件，或者直接用VS Code。但如果你连这些都不想装，那就用Word。
对，你没听错，用Word。你在Word里排版好，插入图片，调整大小，然后另存为“网页，仅HTML”或者“单个文件网页”。这时候你会得到一个html文件和一个同名文件夹，里面装着图片。把这个文件夹整体上传到服务器，或者本地打开，图片就能显示了。
这招虽然土，但真的快。我有个客户，以前是做传统行业的，不懂代码，就靠这招，两天时间搞了个简单的公司介绍页面，虽然丑了点，但客户挺满意。
不过，这里有个坑。很多人保存后，图片路径变成了绝对路径，比如C:\Users\...这样。你把文件发给别人，或者传到网上，图片就全挂了。
所以，一定要用相对路径。就是刚才说的，图片和html文件放一起，src直接写图片名。这样不管文件挪到哪，只要它们在一起，就能显示。
还有，文本文档做网站怎么加图片，其实还涉及到响应式。就是手机上看会不会变形。刚才那个代码，图片会撑破屏幕。你可以加个max-width: 100%; 让图片自动适应屏幕宽度。
代码改成：
这样在手机上看，图片就不会溢出屏幕了。
最后说点实在的。别迷信那些一键生成网站的工具，很多都是坑。自己写几行代码，虽然慢，但心里踏实。你知道每一张图片是怎么出来的，以后改起来也方便。
记住，建站不是目的，展示内容才是。图片清晰，排版整洁，比花里胡哨的特效更重要。
如果你还在纠结文本文档做网站怎么加图片，不妨先动手试试。哪怕只是加一张图，也是进步。别怕出错，报错信息就是你的老师。
总之，方法很简单，关键在于动手。别光看，去试。试错了，再改。这才是学技术的正道。
希望这篇啰嗦的大白话，能帮到正在折腾的你。有啥不懂的，多查查资料，别总想着走捷径。路是一步步走出来的，网站也是一行行代码敲出来的。加油吧。
