index.php链接和图像在本地主机上不起作用_Php_Html_Css_Localhost

index.php链接和图像在本地主机上不起作用

php html css

index.php链接和图像在本地主机上不起作用,php,html,css,localhost,Php,Html,Css,Localhost,我想使用本文中的方法测试我的php localhost中的index.php和相关文件。我可以使用以下命令正确设置本地主机： $ php -S localhost:8000 现在，当我进入我的浏览器。我可以看到index.php，但不受style.css的影响。此外，链接不起作用，图像也不显示。以下是我使用的样本和容器： <li><a href='next.html'>Next></a></li> 及 marriage2.png和

我想使用本文中的方法测试我的php localhost中的index.php和相关文件。我可以使用以下命令正确设置本地主机：

$ php -S localhost:8000

现在，当我进入我的浏览器。我可以看到index.php，但不受style.css的影响。此外，链接不起作用，图像也不显示。以下是我使用的样本和容器：

<li><a href='next.html'>Next></a></li>

及

marriage2.png

和

next.html

都与index.php位于同一目录中。此设置可在live server上运行，但不能在我的本地服务器上运行。你知道为什么本地主机会出现这个问题吗？

我想大胆猜测一下答案。如果我没有弄错的话，看起来你才刚刚进入HTML/CSS世界。我推荐@w3schools.com提供的一些基本教程

如果我在写的话，它会是这样的。只要CSS和图像文件与index.php位于同一目录中，这就应该可以工作。将main.css更改为调用样式表的任何名称

<html>
  <head>
    <link rel="stylesheet" type="main.css">
  </head>
  <body>
    <ul>
      <li><a href="next.html">Next&gt;</a></li>
    </ul>
    <img src="marriage2.png" alt="marriage2">
  </body>
</html>

！！！解决方案嗨，我也有同样的问题！以下是解决方案：

1）检查我的文件位置（img文件夹与index.php位于同一文件夹中）： 2）在这种情况下，图像的正确路径是：“public/img/example.png” 3）好了，你可以走了

此外，我还应用以下代码从数据库（表示本地主机上的真实位置）获取img URL：

">

需要更多信息。您运行的是什么类型的web服务器？它运行在什么操作系统上？它是如何配置的？还有几件事需要注意。如果marriage2.png位于站点目录的根目录中，请删除localhost/。右箭头“>“在您的链接中，可能正在破坏您的html链接。如果“marriage2.png和next.html都与index.php位于同一目录中”，而不是>尝试使用您的文件夹结构是什么样子的？如果您必须在localhost之前使用http://in-image src属性，这可能对css href属性有帮助，请尝试一下（绝对路径使用中必须使用http，否则使用相对路径而不使用本地主机）@GauravRai：允许使用不使用http的图像相对路径（我认为这是最常见的用法）。

<html>
  <head>
    <link rel="stylesheet" type="main.css">
  </head>
  <body>
    <ul>
      <li><a href="next.html">Next&gt;</a></li>
    </ul>
    <img src="marriage2.png" alt="marriage2">
  </body>
</html>

<?php foreach($mediaFiles as $mediaFile) : ?>
    <img src="<?= 'public/img'.DIRECTORY_SEPARATOR.$mediaFile['url']; ?>">
<?php endforeach; ?>