Question

您好，谢谢。我不是程序员，但我必须在工作中使用HTML。背景知识：这是针对学习管理系统的，链接指向系统内的内部页面。第一条链接不起作用，即使当我说第一行的最后一行时，第一条链接也不起作用。我在做什么错了？

<!doctype html>
<title>How to Video Series</title>
<style>
.grid { 
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-gap: 20px;
align-items: stretch;
}
.grid img {
border: 1px solid #ccc;
box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
max-width: 100%;
}
</style>

<main class="grid">

<div class="item">
<img alt="" src="/clientimg/ku/welcome/How%20to%20Videos/THUMBNAIL-HowTo-IntroToSeries.jpg"><a 
href="https://..."></a>

<img alt="" src="/clientimg/ku/welcome/How%20to%20Videos/THUMBNAIL-HowTo-AccessPFTranscript.jpg"> 
</a><a href="https://..."></a>

<img alt="" src="/clientimg/ku/welcome/How%20to%20Videos/THUMBNAIL-HowTo- 
InitialSetupAndAssignments.jpg"></a><a href="https://..."></a>

<img alt="" src="/clientimg/ku/welcome/How%20to%20Videos/THUMBNAIL-HowTo-IDP_OJT.jpg"></a><a 
href="https://..."></a>

<img alt="" src="/clientimg/ku/welcome/How%20to%20Videos/THUMBNAIL-HowTo- 
NavigateKUODAnd101(PFVersion).jpg"></a><a href="https://..."></a>

<img alt="" src="/clientimg/ku/welcome/How%20to%20Videos/THUMBNAIL-HowTo-IDP_KB.jpg"></a><a 
href='https://..."></a>

<img alt="" src="/clientimg/ku/welcome/How%20to%20Videos/THUMBNAIL-HowTo-IDP_CurriculumReport.jpg"> 
</a><a href="https://..."></a>
</div>  
</main>

Answer 1

欢迎来到编程世界！这里有几个问题，概述如下。

您的<a>标签实际上没有包含您要单击的内容。我们必须将<a>和<a href="#"><p>Like this!</p></a>

<p>Not like this</p><a href="#"></a>

在几个区域中，字符串未关闭。 <img src="this/is/an/example ></img>
结束标记比打开的标记更多。我们将清理它们。
在某些情况下，会在img的{{1}}属性的字符串中间插入新行。不要仅使用src属性为人类格式化添加新行。
有些单引号src与双引号'混合在字符串周围时。请务必努力确保它们相同。

请记住，我无法测试图像源，因为您是在本地链接它们。之后，您的最终代码是：

祝你好运！

第一个链接在响应网格中不起作用

1 个答案: