html怎么自己做网站?别被忽悠,小白也能手搓一个能看的页面

html怎么自己做网站?别被忽悠,小白也能手搓一个能看的页面

html怎么自己做网站

很多人一听到“做网站”,脑子里立马浮现出那种高大上的后台系统,或者觉得必须得懂什么高深代码,吓得直接去花大几千找公司做。其实真没那回事。今天我就把底裤都亮出来,告诉你html怎么自己做网站,这玩意儿真没你想得那么玄乎。

首先,你得有个编辑器。别整那些花里胡哨的IDE,对于新手来说,记事本或者VS Code就够用了。我推荐VS Code,虽然它名字听起来像给程序员用的,但装上几个插件后,对小白极其友好,能自动补全,还能实时预览。这一步很关键,工欲善其事必先利其器,别拿写字板去写代码,那是给自己找罪受。

第一步,新建文件。在电脑桌面上新建一个文件夹,名字随便起,比如“我的第一个网站”。然后在里面新建一个文本文档,把后缀名.txt改成.html。这时候系统会弹窗警告你修改后缀可能导致文件不可用,点“是”就行。这个.html文件就是你的网站主页。

第二步,写代码。右键用VS Code打开这个文件。你会看到一片空白,别慌,直接复制下面这段骨架代码进去:

我的小站

你好,世界

这是我亲手做的网页,感觉还不错。

这段代码看着多,其实就几个标签。html是根,head里放标题和设置,body里放你看到的内容。注意啊,标签一定要成对出现,比如

,少一个斜杠,页面就会乱套。这是新手最容易犯的错误,我当初也在这栽过跟头,折腾半天才发现是标签没闭合。

第三步,保存并预览。按Ctrl+S保存,然后双击那个.html文件,浏览器会自动打开。如果你看到“你好,世界”这几个大字,恭喜你,你成功了。这时候你可能会问,这页面也太丑了吧?对,因为它还没加样式。

接下来就是进阶环节,怎么让页面变好看。这时候你就得了解html怎么自己做网站不仅仅是写结构,还得懂点CSS。在标签里加一个