gpt4 book ai didi

html - 如何在html中的一个单元格中使用多个链接

转载 作者:太空宇宙 更新时间:2023-11-04 14:32:23 26 4
gpt4 key购买 nike

我的问题是如何在一个单元格中使用多个链接?

我的 html View 是这样的,我想要主页、产品的链接并联系我们。

我的作业是设计一个带表格的网站:

enter image description here

我的代码是:

<!doctype html>
<html>
<head>
<style>
table {
border: 1px solid black;
border-collapse: collapse;
border-spacing: 5px;
}
th, td {
padding: 10px;
}
</style>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>

<table style="width:100%" border="1px" cellpadding="5" cellspacing="5" bordercolor="green" bgcolor="yellow" height="500px">
<caption>web design homework</caption>
<tr>
<th colspan="3">My Website</th>
</tr>
<tr bgcolor="#77E022"
height="20px" align="left" >
<td colspan="3" > home &nbsp;&nbsp;&nbsp; products &nbsp;&nbsp;&nbsp; contact us
</td>
</tr>
<tr>
<td width="25%"> last post </td>
<td rowspan="2" width="50%"> hello my name is mohammad ghorbani and i am studying computer enginerring in arak </td>
<td> our friends </td>
</tr>
<tr>
<td> our statics </td>
<td> 24 </td>
</tr>
</table>

</body>
</html>

最佳答案

table {
border: 1px solid black;
border-collapse: collapse;
border-spacing: 5px;
}
th, td {
padding: 10px;
}
<table style="width:100%" border="1px" cellpadding="5" cellspacing="5" bordercolor="green" bgcolor="yellow" height="500px">
<caption>web design homework</caption>
<tr>
<th colspan="3">My Website</th>
</tr>
<tr bgcolor="#77E022" height="20px" align="left" >
<td colspan="3" >
<a href="/home">home</a>
<a href="/products">products</a>
<a href="/contact">contact us </a>
</td>
</tr>
<tr>
<td width="25%"> last post </td>
<td rowspan="2" width="50%"> hello my name is mohammad ghorbani and i am studying computer enginerring in arak </td>
<td> our friends </td>
</tr>
<tr>
<td> our statics </td>
<td> 24 </td>
</tr>
</table>

关于html - 如何在html中的一个单元格中使用多个链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33038478/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com