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

Posted 2023-03-05

技术标签:

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

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

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

谢谢车坦

【问题讨论】：

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

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

【讨论】：

【参考方案2】：

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

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

python -m SimpleHTTPServer 8000

http://127.0.0.1:8000

【讨论】：

【参考方案3】：

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

.html 后缀很重要。

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

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

【讨论】：

【参考方案4】：

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

<html>
    <head>
        <style> 
            h1color: #cc9900
            h2color: #0099cc
            h3color: #339900
            h4color: #990033
            h5color: #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

sample.html

open with

这里是a guide to HTML and CSS。

【讨论】：

以上是关于使用 HTML 和 CSS 进行 Web 开发 [关闭]的主要内容，如果未能解决你的问题，请参考以下文章