使用 HTML 和 CSS 进行 Web 开发 [关闭]答案

【问题标题】：Web development using HTML & CSS [closed]使用 HTML 和 CSS 进行 Web 开发 [关闭]
【发布时间】：2015-02-25 22:35:36
【问题描述】：

我正在尝试建立一个网站。我学习了 HTML 和 CSS，在我的文本编辑器中编写了几行代码。我该如何测试？

P.S：我的机器上安装了 Sublime text 2。我需要做什么才能查看我的代码是如何工作的？

谢谢车坦

【问题讨论】：

给它一个 .html 扩展名，在您选择的浏览器中打开它。
这不是一个好的堆栈溢出问题，因为它太宽泛了。有很多很好的网页设计入门教程，如果你想要糟糕和过时的建议，还有 w2schools。任何有价值的教程都会比我们在这里做的更详细地涵盖这个问题。

标签： html css web

【解决方案1】：

您需要在包含 html 代码的文件中添加 .html 扩展名。然后在您的浏览器中打开它（例如 internet explorer、safari、opera 等）

【讨论】：

【解决方案2】：

您需要某种方式来提供文件（您可以在浏览器中打开 index.html，但 HTTP 调用不起作用）。

我能想到一个涉及 Python 的简单方法：

去安装Python 2.7.9
Win+r > cmd > Enter 打开终端
运行python -m SimpleHTTPServer 8000
在您喜欢的浏览器中打开http://127.0.0.1:8000
享受

【讨论】：

【解决方案3】：

我崇高只是去文件>保存并将文件另存为桌面上的whatever.html。

.html 后缀很重要。

然后转到您的桌面，右键单击该文件并使用>chrome（或您使用的任何浏览器）打开。

只要保持浏览器打开，就可以在 sublime 中更新代码，保存并刷新浏览器以查看更改。

【讨论】：

【解决方案4】：

下面是 HTML 和 CSS 的代码示例：

<html>
    <head>
        <style> 
            h1{color: #cc9900}
            h2{color: #0099cc}
            h3{color: #339900}
            h4{color: #990033}
            h5{color: #cccc00}
        </style>
    </head>
    <body>
        <h1>simple HTML & CSS page</h1>
        <h2>simple HTML & CSS page</h2>
        <h3>simple HTML & CSS page</h3>
        <h4>simple HTML & CSS page</h4>
        <h5>simple HTML & CSS page</h5>
    </body>
</html>

现在复制代码并打开记事本

在记事本中粘贴代码
按save as并输入你想要的文件名（让我们将此页面名称设为sample，由于你的页面是html，添加.html最后你的文件名是sample.html）
现在右键单击sample.html 并选择选项open with 并选择您系统中的浏览器

这里是a guide to HTML and CSS。

【讨论】：