Question

我正在编写代码来创建我的第一个网站。我正在努力开始作为前端开发人员的职业生涯。我正在为我的网站编写HTML / CSS代码。我添加了一个带按钮的列表，希望每个按钮都打开一个新页面。我的问题是：最好的方法是什么？我是否需要为每个单独的页面创建单独的html / css文件？在此先感谢您的帮助。

Answer 1

作为初学者，如果开始在包含不同HTML文件的同一目录中工作将会很好。在这里，我将为您提供一个小例子。在同一文件夹中创建两个网页：page1.html和page2.html。 page1.html的代码

＆＃13;

<html>
  <head>
    <title>my first web app</title>
  </head>
  <body>
    <h3> this is page 1</h3>
    <a href="page2.html">Go to page2</a>
  </body>
</html>

＆＃13;

和page2.html的代码将是：

＆＃13;

<html>
  <head>
    <title>my first web app</title>
  </head>
  <body>
    <h3> this is page 2</h3>
    <a href="page1.html">Go to page1</a>
  </body>
</html>

＆＃13;

同样，您可以在多个网页中浏览。

Answer 2

最好的方法是将CSS与HTML分开，其中一个优点是您可能希望将CSS样式表包含在另一个HTML页面中。

Answer 3

这是一个很好的问题。

项目结构对于每个人和每个项目都会有所不同，但通常您的网站上的每个页面都有一个文件夹，其中包含index.html。这是因为您需要google.com/而不是google.com/index.html。如果您指向该文件夹的链接，则可能是您的服务器设置为通过deafault读取index.html文件。这有意义吗？

您还可以将每个页面命名为puppy.html和cat.html，然后将它们链接到mypage.com/puppy.html和mypage.html / cat.html

添加页面/链接

3 个答案: