添加按钮类型链接答案

【问题标题】：Adding button type links添加按钮类型链接
【发布时间】：2015-12-06 06:39:29
【问题描述】：

我的 Facebook 页面上嵌入了一个 iframe，但是当我最近编辑它时，我已经删除了上面的所有链接..

我想直接在横幅下方添加按钮链接并将它们置于中心位置，有人可以帮我整理代码来做到这一点，我是编码新手，因此感谢任何帮助。

要找到我的 iframe，您可以点击此链接 https://www.facebook.com/PhotographyBok/app/190322544333196/

但我的 iframe 的代码目前是这样的。

<html>
<head>
<title>""</title>
</head>
<body bgcolor="#000000">
<br>
<table width="768" border="0" align="center" cellpadding="4" cellspacing="2" style="text-align: center">
<tr> 
<td height="70" colspan="3" align="center" valign="middle" bgcolor="#000000"> 
<img src="https://farm1.staticflickr.com/756/23511757696_469b593243_b.jpg"</h1></td>
</tr>
<tr> 
<td width="124" rowspan="3" valign="top" bgcolor="#000000">
<a href="https://facebook.com/photographybok" target="_parent"><button>Timeline</button></a>
<a href="https://500px.com/marcus.bok" target="_parent"><button>Portfolio</button></a>
<a href="https://www.facebook.com/PhotographyBok/app/251458316228/" target="_parent"><button>Shop Now</button></a>
<td width="459" height="118" valign="top" bgcolor="#000000" style="text-align: center">
<font color="white">"I am a self proclaimed weekend photographic warrior.
I began learning photography when I was 15, working part time in a photographic lab, developing negatives and selling camera's, I started shooting myself with a 35mm Pentax SLR that I purchased second hand in Wellington New Zealand for $10, this served me well to learn the basics about aperture, focal length and shutter speed. Now I currently shoot with a Sony A380 DSLR.
I am constantly learning, adapting and improving, comments and followers are welcome and thanked.
My favourite photographer is Ansel Adams, I take the following quote into life and into photography."</font>
</td>
<td width="153" rowspan="3" valign="top" bgcolor="#000000">
</td>
</tr>
<tr> 
<td height="433" valign="top" bgcolor="#000000"> <font color="white">"When words become unclear, I shall focus with photographs, when images become inadequate, I shall be content with silence. - Ansel Adams"</font></td>
</tr>
<tr> 
<td height="44" valign="top" bgcolor="#FFFFC2">&copy; Marcus Bok</td>
</tr>
</table>
</body>
</html>

【问题讨论】：

试试这个：jsfiddle.net/jo3atpz9
非常感谢，但链接似乎没有链接？他们死了..
那是因为 JsFiddle 不允许链接到页面之外。
复制粘贴到记事本中，在本地运行。应该工作。

标签： html facebook iframe

【解决方案1】：

试试这个：http://jsfiddle.net/jo3atpz9/

<body bgcolor="#000000">
  <br>
  <table width="768" border="0" align="center" cellpadding="4" cellspacing="2" style="text-align: center">
    <tr>
      <td height="70" colspan="3" align="center" valign="middle" bgcolor="#FFFFC2">
        <img src="https://farm1.staticflickr.com/756/23511757696_469b593243_b.jpg" </h1></td>
    </tr>
    <tr>
      <td colspan="3">
        <div style="text-align: center; width: 100%">
          <button onClick="window.location.href='http://www.google.com'">Google</button>
            <button onClick="window.location.href='http://www.google.com'">Google</button>
          <button onClick="window.location.href='http://www.google.com'">Google</button>

                           </div>
    </td>
</tr>
<tr> 
<td width="124 " rowspan="3 " valign="top " bgcolor="#FFFFC2 "> 
<td width="459 " height="118 " valign="top " bgcolor="#FFFFC2 " style="text-align: center ">
"insert new BIO here "
</td>
<td width="153 " rowspan="3 " valign="top " bgcolor="#FFFFC2 ">
</td>
</tr>
<tr> 
<td height="433 " valign="top " bgcolor="#FFFFC2 "> " "When words become unclear, I shall focus with photographs, when images become inadequate, I shall be content with silence. - Ansel Adams"</td>
    </tr>
    <tr>
      <td height="44" valign="top" bgcolor="#FFFFC2">&copy; Marcus Bok</td>
    </tr>
  </table>
</body>

【讨论】：

顺便说一句，链接不起作用，因为 jsfiddle 和 stackoverflow 不允许链接在 sn-p 中远离页面。
是的，我已经添加了它，但链接仍然损坏..
别忘了在facebook.com等之前添加//或http://，否则页面认为facebook.com是一个扩展名为.com的文件faceook。