CSS链接(基本帮助)

时间:2015-01-15 23:25:29

标签: html css hyperlink

我真的很难用css为我的smugmug网站制作新的主页。

我成功完成了这件事:

<html style="height:100%">
<body style="height:100%;margin:0;">
<table style="height:100%;width:100%;vertical-align:middle">
<tr>
<td>
<div style="width:100%;text-align:center">
<span style="display:inline-block">WEDDINGS</span><span style="display:inline-block;padding:0 100px">PORTAITS</span><span style="display:inline-block">COMMERCIAL</span>
</div>
</td>
</tr>
</table>
</body>
</html>

我希望能够为每个单词选择添加一个链接。我无法理解它,有人可以帮忙吗?

如果有人熟悉smugmug,我会将代码粘贴到主题css框中,更新我的网站时没有任何反应。

谢谢。

1 个答案:

答案 0 :(得分:1)

如果要在以下行附近添加链接:

<span style="display:inline-block">WEDDINGS</span>

将链接标记放在前面和后面,链接标记为

<a href="LINK TO WEBSITE OR PAGE HERE"> </a>

所以它看起来像这样:

<a href="http://www.examplewebsite.com"><span style="display:inline-block">WEDDINGS</span></a>

如果点击,标签之间的任何内容都会将它们重定向到页面。

作为旁注,如果您希望在新标签页中打开链接页面,请使用&#34; target = _blank&#34;,如下所示:

<a href="http://www.examplewebsite.com" target="_blank"> </a>