html - 如何在记事本中将多个页面添加到我的 html 网站?
问题描述
我正在尝试在记事本上编写一个简单的 html/css 网站,而不使用任何其他工具。我知道如何链接页面和添加图像,但我不知道如何拥有多个页面......我也不知道如何添加图像。Internet 显然无法访问仅位于某人计算机上的文件和图像,那么我如何将它们放在一起呢?W3schools 讨论了如何链接站点中的其他页面,但“站点”的定义是什么?它们都必须在一个文件夹中吗?如果是这样,该文件夹是如何放到互联网上的?我听到人们谈论目录,但我不知道那是什么意思……谢谢。
解决方案
我将尝试逐步解释该过程。希望它会帮助你。
首先创建名为“index.html”的主页(例如)。现在在其中添加您想要的任何内容。并添加另一个页面的链接,如下所示:
<a href='another_page.html'> Next Page </a>
现在在记事本中创建另一个名为“another_page.html”的新文件在放置“index.html”的同一文件夹中。在页面中添加您想要的任何内容。
现在在浏览器中检查它。打开“index.html”并单击“下一页”。您的“another_page.html”现在将打开。
对于图像,假设您在与 html 文件相同的文件夹中有 2 个名为“image1.jpg”和“image2.jpg”的图像。您想将“image1.jpg”放在“index.html”中,将“image2.jpg”放在“another_page.html”中。您将在“index.html”中编写此代码:
<img href="image1.jpg">
并将其写在“another_page.html”中:
<img href="image2.jpg">
现在“image1.jpg”将显示在“index.html”中,“image2.jpg”将显示在“anotger_page.html”中
所有名称均作为示例。你可以使用任何你想要的名字。希望它会帮助你。
推荐阅读
- c - 如何找到正确的括号顺序?
- css - 在 iFrame 中的内容上应用 CSS
- c# - ICommandHandler 未针对 SaveCommandArgs 执行(Visual Studio for Mac 扩展)
- localhost - 如何列出在不同端口上运行的所有进程/服务
- scala - Breeze - DenseVector 的比较给了我一个 BitVector - 这是故意的吗?
- php - Ubuntu 18.04:laravel/framework v6.9.0 需要 ext-mbstring * -> 系统中缺少请求的 PHP 扩展 mbstring
- angular - Reactive Form Validators.required 自定义控件
- kotlin - Kotlin 嵌套 Recyclerview
- python - 如何在 3 个 1d 数组(lat、lon、val)、不规则网格上使用图像处理
- python - 如何提高嵌套理解的性能?