html - 我应该在哪里/以及如何创建我的 'Directory Structure'

标签 html css

感谢这是一个非常基本的问题,但我正在开始学习编码的过程,并且已经开始使用 HTML 和 CSS。我一直在 Notepad++ 中练习(基础知识)并开始上传图像,但无法从我的本地驱动器执行此操作(显示为损坏的图像),我应该在哪里/以及如何创建我的“目录结构”以使我能够插入图片等?谢谢

<html> <body> <img src"images/swimmer1.jpeg" alt="Swimming butterfly" title="Man swimming butterfly taken from above" /><br /> <img src"../../images/turbo1.jpg" alt="Bike turbo, black and white" /><br /> <img src"C:\Users\garet\Desktop\Coding practise\Images\swimmer1.jpeg" alt="Swimming butterfly" /><br /> <img src"swimmer1.jpeg" alt="Swimming butterfly" title="Man swimming butterfly taken from above" /><br /> </body> </html>

最佳答案

如果您只有基本的 HTML,则无需遵循特殊的目录结构。

如果你有一个文件夹,比如说,

  • index.html
  • 小猫.jpg

index.html包含

<html>
  <body> 
    <img src="kitten.jpg">
  </body>
</html>

无论你在哪里上传东西,可爱的小毛球都应该出现。

您可以根据自己的喜好构建内容,只需考虑文件之间的相对路径即可。所以如果你有这样的结构

  • index.html
  • 图片/
    • 小猫.jpg

那么index.html必须包含

<html>
  <body> 
    <img src="images/kitten.jpg">
  </body>
</html>

关于html - 我应该在哪里/以及如何创建我的 'Directory Structure',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51303158/

相关文章:

html - 如何在 Angular 组件styles.scss中使用媒体查询?

css - 向下菜单 CSS

html - 移动链接的标题

javascript - setTimeout 函数不适用于 for 循环

html - 单选按钮和标签在同一行对齐

html - 仅在 IE6 中将文本旋转 270 度

javascript - 用 css 按钮替换单选按钮并将标签保留在 div 中

html - 如何通过 css 添加图像叠加层?

javascript - Canvas 矩形填充颜色

c# - sql语法错误?在我的 c# img url 字符串中