使用HTML& amp; CSS

时间:2014-12-29 18:20:50

标签: html5 css3 web

我正在尝试建立一个网站。我学过HTML& CSS,在我的文本编辑器中汇总了几行代码。我该如何测试?

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

由于 阿赫亚

4 个答案:

答案 0 :(得分:2)

您需要在包含html代码的文件中添加.html扩展名。然后在浏览器中打开它(例如Internet Explorer,safari,opera等)

答案 1 :(得分:0)

您需要某种方式来提供文件(您可以在浏览器中打开index.html,但HTTP调用无法正常工作)。

我可以想到一个涉及Python的简单方法:

  1. 转到并安装Python 2.7.9
  2. 使用Win + r打开终端> cmd>输入
  3. 运行python -m SimpleHTTPServer 8000
  4. 在您喜欢的浏览器中打开http://127.0.0.1:8000
  5. 享受

答案 2 :(得分:0)

我崇高只需转到文件>保存并将文件保存为桌面上的whatever.html。

.html后缀是重要的​​一点。

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

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

答案 3 :(得分:0)

让我们看一下简单的例子如下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>

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

  1. 在记事本中粘贴代码
  2. 点击save as并根据需要输入您的文件名称,将此页面名称设为sample,因为您的网页为html,因此请添加.html,最后您的文件名为{{1 }}
  3. 现在右键点击sample.html并选择选项sample.html,然后选择系统中的浏览器
  4. 享受:)

    To know more about html & css click here