Html 如何在网站上按水平顺序放置链接？

我是网页设计领域的新手，现在我正在尝试用HTML复制一个网站，但这里有一个问题，我想把链接按水平顺序放在网站顶部。请告诉我如何按顺序建立链接？例如，如何按顺序创建这些链接

<a href="http://poempunch.com/" title="Poems |Poets |Best Poems |Short Poems |Poems Collection - Poempunch.com">Home</a>

---

非常简单。。。不要在它们之间放置

，也不要将它们设置为块样式

<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>

它们甚至可以在HTML中的单独行上

编辑

您要求在链接中放置图像

<a href="#"><img src="link-to-image.jpg" alt="Alt text" /></a>
<a href="#"><img src="link-to-image.jpg" alt="Alt text" /></a>
<a href="#"><img src="link-to-image.jpg" alt="Alt text" /></a>

你可能还想把它放在一个列表中，因为如果它是导航的话，“语义上更好”

<ul class="navigation">
    <li><a href="#"><img src="link-to-image.jpg" alt="Alt text" /></a></li>
    <li><a href="#"><img src="link-to-image.jpg" alt="Alt text" /></a></li>
    <li><a href="#"><img src="link-to-image.jpg" alt="Alt text" /></a></li>
</ul>

然后，您可以使用css按自己喜欢的方式设置此列表的样式

 <style type="text/css">
     .navigation{list-style-type: none;}
     .navigation li{float:left}
 </style>

.navigation{列表样式类型：无；}
.navigation li{float:left}

检查此布局：

---

对于您引用的站点中的图像：

锚定标记默认为“内联”元素。如果更改了CSS文件中的默认值，则可能需要将其设置为内联样式。您可以通过评估Firebug中的元素或添加以下样式来测试此理论：

a.inlined {
    display: inline;
}

链接如下：

a.inlined {
    display: inline;
}

---

一个更好的方法是，首先确保不要更改默认值，以免它们变得不可预测。

我没有理解。你指的是顶级菜单“家庭-诗人-论坛…”？嗯，不错的thnx，，请告诉我如何在链接中放置图像？我想把图片放在链接中，比如主页链接上的主页图片和免费短信链接上的免费短信图片，thnxa.inline{display:inline；}这是HTML吗？，，这是什么代码？这是CSS代码，如果你不知道CSS是什么，应该放进去，然后你应该花一些时间学习它，因为你遇到的问题很可能与CSS有关。这里有一个CSS教程。