我在这行摸爬滚打十五年了，见过太多小白一上来就想着搞个大新闻，下载个几千块的模板，结果连个图片路径都改不对，急得抓耳挠腮。其实吧，真要想自己做个站，不用那么复杂。今天咱们不整那些虚头巴脑的理论，就聊聊怎么通过一份靠谱的html网站开发教程，把骨架搭起来。
很多兄弟问，现在都什么年代了，还用HTML？哎，你别说，这玩意儿就像盖房子的地基，虽然看不见，但没它楼得塌。你想想，那些花里胡哨的CMS系统，底层不还是HTML在撑着吗？所以，学好这个，底子才厚。
咱们先说工具。别一上来就装那些几百兆的IDE，什么VS Code也好，Sublime Text也罢，对于新手来说，记事本其实就能用。当然啦，为了看着舒服点，建议下个VS Code，插件多，颜色好看，看着心情都好。记住，代码这东西，缩进一定要整齐，不然过两天你自己都看不懂写的啥，那叫一个崩溃。
接下来是结构。HTML就像人的骨架，得先有头有脸。 这行代码是声明，告诉浏览器这是个HTML5文档，别偷懒删了。然后是 标签，这是根节点，所有的东西都得包在里面。接着是
和 。 里放的是标题、字符集、引用的CSS样式表，这些是给人看或者给浏览器看的配置信息，页面上不直接显示。而 里放的，才是用户真正能看到的文字、图片、视频。这点很多新手容易搞混，把样式写在body里，虽然能跑，但后期维护简直噩梦。说到样式，就得提提CSS。很多做html网站开发教程的教程里，会把HTML和CSS混在一起讲。我建议你先分开，HTML只管结构，CSS只管美化。比如，你想让标题变大，别在HTML里写 ，那太老土了，浏览器兼容性也差。要在CSS里写 h1 { font-size: 24px; } 这样。这样改起来方便，全站统一修改也就一行代码的事。
再说说图片。图片路径是个大坑。相对路径和绝对路径，新手最容易栽跟头。假设你的图片文件夹叫 images，HTML文件在根目录，那路径就是 src="images/logo.png"。要是HTML文件在子文件夹里，比如 pages/index.html，那路径就得写成 src="../images/logo.png"，那个点号代表上一级目录，多写一个点少写一个点，图片就裂开了，别问我怎么知道的，全是泪。
还有表单，这是交互的关键。用户填个联系方式，就得用
