图片标签

Question

html格式的代码段如下所示。下面列出了三个要求供参考。

{{1}}

Answer 1

^{这看起来像是一个学校项目。我可以给你解决你的任务，但我相信如果你学习它会更好。
希望你喜欢！}

图片标签

以下是来自W3Schools的示例img代码：

 <img src="smiley.gif" alt="Smiley face">

这很简单。来源为smiley.gif，alt描述为Smiley face。现在你知道如何制作自己的图片标签了吗？否则，请单击上面的链接以获取更多详细信息。

链接

相对

相对链接是相对的。它的去向取决于当前URL的位置。

相对链接是指不会开始http://，https://, file：///`等的任何内容。

从最基本的意义上说，它是当前的URL +相对路径。（不太简单，它告诉浏览器它与当前页面位于同一文件夹中。）

示例：如果我在此页面上添加了一个类似于：

的链接

<a href="hi.html">Click me</a>

It would go to:
https://stackoverflow.com/questions/47361572/relative-and-absolute-html-path/hi.html

Because:
https://stackoverflow.com/questions/47361572/relative-and-absolute-html-path + hi.html

如果它以正斜杠（/）开头，它将占用网站的域并添加到它。（不太简单，它告诉浏览器文件位于站点的根目录中。）

示例：如果我在此页面上添加了一个类似于：

的链接

<a href="/hi.html">Click me</a>

It would go to:
https://stackoverflow.com/hi.html

Because:
https://stackoverflow.com + hi.html

绝对

绝对路径是绝对的。它没有添加到最后，但是是一个全新的域。

示例：如果我在此页面上添加了一个类似于：

的链接

<a href="http://example.com/">Click me</a>

It would go to:
http://example.com/

Because it begins with http://

注释

在所有示例中，链接的文本是“Click me”。

有关file paths的更多信息。

有关target attribute的更多信息。（允许您“定位新的浏览器窗口。”）

Answer 2

我收到此错误“我找不到您的主图像src =”https://upload.wikimedia.org/wikipedia/commons/0/03/Broccoli_and_cross_section_edit.jpg“。请添加它。”

    <h1>Fast Broccoli! - About Us</h1>


  <img src="Broccoli_and_cross_section_edit.jpg" alt="Fast Broccoli!'s Logo"
       style="width: 60px;"/>

  <a href="index.html">Return Home</a>


  <a href="https://shop.fastbrocolli.com">
  <img src="images/cabbage.png" />
  </a>

相对和绝对的html路径？

2 个答案:

图片标签

链接

相对

绝对

注释