我在Google协作平台中为图片设置的ID不起作用

Question

每当我尝试为我的Google网站的html脚本中的图像添加ID并保存更改时，它就会从html脚本中消失。 这是我想要的示例：

 <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"> <table cellspacing="0"> <tbody> <tr> <td style="background-color:rgb(243,243,243);width:320px;height:131px">&nbsp;Welcome!<br> <hr style="color:#f3f3f3;background-color:#00b0f0;height:2px;width:100%"> <ol><li>Introduction</li> <li>Contacts &amp; Their Roles</li> <li>Regular Tasks &amp; Deadlines</li> <li>Priorities/Initiatives of 2017</li> <li><a href="https://sites.google.com/">AMERA Finance &amp; Accounting Guidelines</a></li> </ol> </td> </tr> </tbody> </table> </div> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"><br> </div> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"><img id="intro" border="0" src="https://sites.google.com/imagelink" style="display:block;margin-right:auto;margin-left:auto;text-align:center"></div> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"> <div style="text-align:center"><br> </div> <img id="contacts" border="0" src="https://sites.google.com/imagelink" style="display:block;margin-right:auto;margin-left:auto;text-align:center"> <div></div> <br> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"></div> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"> <div style="text-align:center"></div> <div style="text-align:center"> <div style="text-align:left"> <img id="tasks" border="0" src="https://sites.google.com/imagelink" style="display:block;margin-right:auto;margin-left:auto;text-align:center"></div> <div style="text-align:left"><br> </div> </div> <img id="initiatives" border="0" src="https://sites.google.com/imagelink" style="display:block;margin-right:auto;margin-left:auto;text-align:center"> <br> </div> <br> <div><br> </div> </div> 

问题是，当我将其输入到html脚本中时，结果如下：

 <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"> <table cellspacing="0"> <tbody> <tr> <td style="background-color:rgb(243,243,243);width:320px;height:131px">&nbsp;Welcome!<br> <hr style="color:#f3f3f3;background-color:#00b0f0;height:2px;width:100%"> <ol><li>Introduction</li> <li>Contacts &amp; Their Roles</li> <li>Regular Tasks &amp; Deadlines</li> <li>Priorities/Initiatives of 2017</li> <li><a href="https://sites.google.com">AMERA Finance &amp; Accounting Guidelines</a></li> </ol> </td> </tr> </tbody> </table> </div> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"><br> </div> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"><img border="0" src="https://sites.google.com/imagelink" style="display:block;margin-right:auto;margin-left:auto;text-align:center"></div> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"> <div style="text-align:center"><br> </div> <img border="0" src="https://sites.google.com/imagelink" style="display:block;margin-right:auto;margin-left:auto;text-align:center"> <div></div> <br> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"></div> <div style="text-align:left;display:block;margin-right:auto;margin-left:auto"> <div style="text-align:center"></div> <div style="text-align:center"> <div style="text-align:left"> <img border="0" src="https://sites.google.com/imagelink" style="display:block;margin-right:auto;margin-left:auto;text-align:center"></div> <div style="text-align:left"><br> </div> </div> <img border="0" src="https://sites.google.com/imagelink" style="display:block;margin-right:auto;margin-left:auto;text-align:center"> <br> </div> <br> <div><br> </div> </div> 

我不知道为什么这样做，我可能犯了一个基本错误，真的可以使用任何帮助！

Answer 1

我已经在朋友的帮助下解决了这个问题。 要解决此问题，您只需在<img>之前添加<a name="anchorname"></a> 。 由于id =“ anchorname”在Google协作平台中不起作用。

然后，您只需要将此部分的超链接设置为https://sitename.com/pagename#anchorname

希望这可以帮助需要我先前问题答案的任何人。