在本地浏览器上加载HTML和CSS文件

时间:2016-12-22 10:28:02

标签: html css web localhost

我对编码和网络开发非常陌生。我目前正在使用HTML和CSS。麻烦的是,我无法看到我编码的内容。

如何将HTML和CSS文件加载到本地主机上,以便您可以看到自己在做什么?

如果你能提供意见,真的很感激。 :)

5 个答案:

答案 0 :(得分:0)

只需使用浏览器打开html文件即可。在Windows上,在Windows资源管理器中右键单击该文件,然后选择打开方式,然后选择您的浏览器。

答案 1 :(得分:0)

file:/// [文件的完整路径]在Chrome,Firefox和IE中发挥作用,但正如@Atrix所说,在[您最喜爱的浏览器]中右键单击+打开也可以。

您可能希望在某一天或另一天安装完整的网络服务器,例如Apachenginx。您还可以使用完整的堆栈服务器(通常带有PHP解释器和数据库服务器),例如WAMP(在Windows上)或XAMPP(在Windows,Linux和MacOS上)

答案 2 :(得分:0)

您可以执行以下操作:

在提示符窗口机器上输入开始 -HTML-file-name

答案 3 :(得分:0)

我也有这个问题,哈哈。但你会学习。

所以这里有两个解决方案;一个使用localhost,一个只是查看文件。

我不确定您使用的设备,但要查看您的文件,只需双击它就像打开任何其他文件一样。然后,您将能够看到您的代码以及您正在编程的内容。

第二种解决方案是使用localhost;它基本上是一个测试环境,供您的网站在开发过程中查看它。

要在Macintosh设备上设置localhost,只需转到 Finder 并搜索终端,稍后再打开并写入; python -m SimpleHTTPServer

如果您的文件也有一个文件夹(建议将来参考),只需使用cd并输入它所在的位置即可。最简单的方法是将它放在桌面上,然后写入终端; cd Desktop - > cd the-folder-you-have-your-code-in然后写下python -m SimpleHTTPServer

要访问此服务器,只需在搜索栏中输入localhost,即可在网络上搜索商品。

希望这能帮助你,并欢迎发展中的社会!

为了将来参考,当你成为一名成熟的开发者时,不要使用Homestead/Laravel,当你不理解它时,它会很痛苦。根据您使用的设备使用WAMP,MAMP或XAMPP。

答案 4 :(得分:0)

这是一个有效的选择:

转到W3Schools Tryit Editor。等待页面完全加载。然后在浏览器控制台中输入以下行,然后按Enter键:

document.getElementById('textareawrapper').setAttribute("onkeup","submitTryit(1)")

现在开始在文本区域中键入代码。这比使用文本编辑器好得多,因为它在您键入时直接显示输出。