我在哪里编码html?

时间:2015-11-18 21:19:59

标签: html css

所以我最近在Codecademy完成了 HTML和CSS 课程,我想用html和css练习编码。我的问题是,我不知道从哪里开始。我一直在寻找尝试找到我需要的信息,但我找不到任何东西。我觉得很明显没有人需要问,但我不知道,所以我在这里,问。

在搜索这个问题的答案时,我只能找到教会如何使用html和css的网站,比如Codecademy,以及让你测试html代码的网站,例如w3schools.com,但没有网站可以让你练习html CSS。

这是我的问题:

我的计算机上是否将HTML和CSS创建为.html和.css文件?

12 个答案:

答案 0 :(得分:4)

您应该针对您发布的每个问题提出新问题。

  

我在哪里编码html?

  1. 您可以使用任何文本编辑器。尝试Sublime Text - 下载适用于您的操作系统的应用并安装。

  2. 创建一个新文件,使用文件exetension .html保存它。确保您将文件保存在易于查找的位置 - 就像使用任何文字处理文档或电子表格一样。

  3. 打开浏览器(Safari,Chrome,Firefox)。

  4. 单击并将新HTML文件拖到选项卡窗口中。

  5. 在HTML文件中进行一些更改。

  6. 刷新浏览器标签。

  7. 您现在正在学习有关在本地环境中编写HTML的更多信息。

答案 1 :(得分:2)

您可以在硬盘上创建HTML,CSS和JS文件,只需双击打开HTML文件(或直接通过浏览器的文件菜单打开)。

通常这些文件存储在HTTP服务器上,该服务器在被询问时提供内容...但为了您的目的练习HTML和CSS,您只需将文件保存在硬盘驱动器上并从那里打开它们。

答案 2 :(得分:2)

  1. 是的,它们是(但CSS也可以存储在服务器上,见2.)。然后,您可以在任何浏览器中打开要编辑的HTML文件并查看输出。
  2. 您可以使用以下命令在HTML文件中包含CSS:
  3. <link rel="stylesheet" type="text/css" href="path-to-your.css">

    如果CSS文件存储在那里,CSS文件的路径也可以导致在线服务器:

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    

答案 3 :(得分:2)

我能想到的最简单的方法是:

CSS和HTML是否在一台计算机上的文件中编码?

如果是这样,CSS如何连接到HTML,以及这些是如何连接到网站的? 在HTML文件中,您可以指定在页面中使用哪些CSS文件(我假设您知道CSS文件的用途)。 Internet Explorer,Firefox或Chrome等网络浏览器会读取HTML代码并生成您在任何地方看到的网站。

如果您只是练习基本HTML:

  1. 打开记事本(Windows + R,输入“记事本”,输入)
  2. 写一些类似于此处的代码:http://www.w3schools.com/html/html_basic.asp
  3. 使用.html扩展名保存文件
  4. 只需双击文件
  5. 即可在网络浏览器中打开它

    修改即可。查看另一个示例,了解如何引用CSS文件http://www.w3schools.com/html/html_css.asp

    您只需将HTML文件和CSS文件放在计算机的文件夹中,就不需要去任何网站练习,因为HTML和CSS代码会直接由您的网络浏览器解释。

答案 4 :(得分:1)

  

CSS和HTML是否在一台计算机上的文件中编码?

是和否。

基本上CSS可以在任何地方;您的计算机,服务器,其他人的服务器等。

出于安全原因,您的Chrome会阻止某些本地来源,但Firefox可以很好地处理它们。如果你有一个静态网站(不涉及任何数据库),你可以创建一个目录并制作html,css和javascript文件,并用Firefox打开进行测试。

否则,获取像godaddy这样的托管服务,或者获得像Amazon Web Services这样的服务器并将它们放在那里。

  

如果是这样,CSS如何连接到HTML,以及它们如何连接到网站?

通常,这就是人们的行为方式。

<html>
  <head>
    <link href="css/style.css" rel="stylesheet">
  </head>
  <body>
    <!-- your body... -->
  </body>
</html>
  

如果没有,HTML和CSS编码在哪里可以在网上使用?

上面已经回答了这个问题。

答案 5 :(得分:1)

CSS和HTML不是需要在您的计算机上安装的东西,您只需要创建一个扩展名为.html的文件,在其中放入一些代码并使用浏览器打开它。浏览器会自动解释它,CSS也是如此。要为练习创建HTML页面,您需要安装的只是一个用于编辑代码的IDE。

答案 6 :(得分:1)

好的 - 每个人都必须从某个地方开始,我会假设你是一个新手,所以如果这些信息太基础,请原谅。

这里有一些层次要考虑......首先让我们分解语言的作用 - 我将谈论其他语言因为我看到人们已经在讨论服务器和脚本了所以我和#39;我要尝试将这一切联系在一起。我开始自学并学到了很多艰苦的课程,所以希望这对学习曲线有一点优势。

SERVER 将服务器视为计算机。它运行的软件略有不同,但原理是相同的。它唯一的工作是存储代码,解释它并在调用时呈现它。您会发现一个非常受欢迎的服务器软件是 apache ,所以现在让我们关注这个问题。 Windows不是服务器,不能用作服务器。但是,可以使用Windows编辑服务器,并且可以像在任何其他应用程序一样在Windows上运行服务器软件。你会听到WAMP,LAMP,XAMPP和其他一些缩略词的引用,但现在你只需要知道它们存在的原因和它们的作用。 服务器不需要编写和生成html和css文档

HTML HTML的主要目的是告诉网络浏览器它在看什么。你会看到很多HTML4与HTML5以及其他很多其他论点在前面没有多大意义。关于HTML的重要一点是它是与网站相关的所有内容的框架。很多人会争辩说其他语言因某种原因更重要但没有html,其他语言都不重要。无论你对此有何了解,现在都可以。从小处着手,继续前进。

CSS 太棒了。 CSS3是当前的标准,但仍有一些东西不能跨浏览器兼容。这是另一天的故事,但各地的基本知识都是一样的。你定义你的类,id和元素,然后告诉他们他们将如何看待。你进入CSS的次数越多,你就越会意识到它真的有多么神奇。它在很多层面都很有用,并且在某些脚本语言中起着重要作用。关于CSS最重要的事情是你应该尽量少写。您编写的规则越多,重叠的可能性就越大,而您在第463行编写的3个文件的内容将主导您刚刚编写的新规则。尽可能在类中尝试和编写,这样您就可以真正使代码全局可用。

PHP / ASP 这些只是两种被认为是后端语言的流行语言。当您想到一个网站时,请将其分解为这样。前端=浏览器,后端=服务器。 PHP所做的任何事情都在浏览器端。作为网站的最终用户,您很少看到它,但它是一个主要组成部分。这是相关的,因为随着您的成长,您会想到尝试使用后端脚本语言。这很棒,但是当你开始进入服务器时这样,所以我相信你会听到很多关于它的好处但是现在,只需要专注于基础知识,直到你感到舒服为止。

Javascript / jQuery 同样,这只是客户端(浏览器)上可用的许多脚本语言的两个流行示例。最终用户通常可以查看(和编辑)这些语言。它们对于更改页面内容非常有用,无需重新加载页面,它们也可以与服务器语言通信。再一次,在开始分支之前先使用基础知识更加舒适,但是如果你学习了这些语言,那么你必须知道它们的作用和原因。

编辑要编辑html,您可以绝对使用任何文本编辑器。 Word,记事本,记事本++,sublime-text,wordpad ......字面意思是以标准文本格式保存的任何内容。只要扩展名是html,css等,与Windows / mac设置中的基本编辑器相比,面向编程的编辑器提供了许多功能和优点。尝试一些不同的手,看看哪些适合您的口味。您可以编写一个html文件,下载程序并右键单击以打开每个程序以查看差异。我个人推荐Notepad ++,但每个人都推荐自己。

为什么我的答案这么久?我知道这对你的问题来说是一个非常难以回答的答案,但是我也知道在没有一些基本知识的情况下开始这个领域是多么困难。这应该足以让你离开并运行,并希望当你遇到一些不熟悉的领域时帮助你。将来,如果您发现自己希望进入服务器/脚本编写世界,请告诉我,并且我会在设置xampp for windows时写下来。

祝你好运!!

答案 7 :(得分:0)

根据您的平台(W)Windows,(M)Mac,(L)Linux,结帐设置WAMP,LAMP,MAMP服务器。

http://www.wampserver.com/en/

https://www.linux.com/learn/tutorials/288158-easy-lamp-server-installation

https://www.mamp.info/en/

然后在您的相应目录(html_public,Sites,where)中,您将拥有一个可在本地开发的本地服务器环境。

我使用mac上的Sites / setup

css和javascript通常链接在html文档的head部分。

您需要一个编辑器 - 我建议您查看Sublime Text或Atom.io

如果您只是想在尝试自己的项目之前玩一会儿,可以建立像http://codepen.io

这样的沙箱。

答案 8 :(得分:0)

我需要一个文本编辑器来练习您的代码我建议您下载Sublime

它是免费的,在崇高的视野下,您可以更改语法,即您正在编程的语言,您可以将其设置为html或css或您想要的任何其他语言。

“连接”html和css的结构通常是一个简单的文件夹,如结构。

创建一个名为Website的文件夹 在该文件夹中,您可以将html文件称为index.html 同样在该文件夹中,您将拥有CSS和JS的子文件夹,但由于您现在正在使用CSS,因此现在创建一个名为css的文件夹。这是您将保存可称为style.css

之类的css文件的地方

以下是关于文件夹和directory structure的更多指南。

继续使用Codecademy并在浏览器中构建自己的项目。

答案 9 :(得分:0)

我建议看看一个很好的例子。 HTML5 Boilerplate是一个很好的起点,对项目有一些好的做法(在我的opinoin中)。这可能是一个很好的参考,让您了解如何安排和链接javascript和CSS文件。该网站是静态的,因此您可以使用浏览器打开index.html文件进行预览。您还可以更改css和javascript文件,以查看它如何更改index.html页面。

https://html5boilerplate.com/

你提出了一系列非常广泛的问题,但希望这里有很多好的答案可以指出你正确的方向。祝你好运!

答案 10 :(得分:0)

技术上可以使用样式标记在一个文件中同时包含HTML和CSS:

<html>
  <head>
    <title>Title</title>
    <style>
      h1 {
        color: blue;
      }
    </style>
  </head>
  <body>
    <h1>Test Text</h1>
  </body>
</html>

然而,使用级联样式表被认为是正确的做法,这可能是Code Academy使用的。

答案 11 :(得分:0)

CSS和HTML是否在一台计算机上的文件中编码? 答:要么你可以在一个文件或不同的文件中创建css和html。如果您使用大量的css代码,那么每个人都会建议您将它们写在不同的文件中,您可以在某人的计算机或服务器上对它们进行编码。

如果是这样,CSS如何连接到HTML,以及这些是如何连接到网站的? 答:你说你已经完成了html和课程,你不知道将一个css文件添加到html文件中。 (有时候使用谷歌)使用这个link你会得到你的回答。编码后,如果您正在使用工具进行开发,则可以使用Web开发工具对其进行测试。否则使用您的网络浏览器进行测试。

我建议您尽可能多地访问网站使用Chrome工具查看该网站是如何完成的(您只能找到前端部分。)