HTML超链接输出到表中 < >我用超链接创建了上面的表，超链接在同一个窗口/选项卡中打开，但是我想在我的表的空白栏中打开它们。_Html_Hyperlink_Html Table

HTML超链接输出到表中 < >我用超链接创建了上面的表，超链接在同一个窗口/选项卡中打开，但是我想在我的表的空白栏中打开它们。

html hyperlink

HTML超链接输出到表中 < >我用超链接创建了上面的表，超链接在同一个窗口/选项卡中打开，但是我想在我的表的空白栏中打开它们。,html,hyperlink,html-table,Html,Hyperlink,Html Table,你能提供一些帮助吗？如何将超链接的目标设置为表的第二列？我认为，您真正需要的是将超链接替换为图像标记，例如： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <style type="text/css"> .table {

你能提供一些帮助吗？

如何将超链接的目标设置为表的第二列？

我认为，您真正需要的是将超链接替换为图像标记，例如：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <style type="text/css">
        .table {
            border-collapse: collapse;
            border-spacing: 0;
        }

            .table td {
                font-family: Arial, sans-serif;
                font-size: 14px;
                padding: 10px 20px;
                border-style: solid;
                border-width: 2px;
            }

            .table th {
                font-family: Arial, sans-serif;
                font-size: 14px;
                font-weight: normal;
                padding: 10px 20px;
                border-style: solid;
                border-width: 2px;
            }

            .table .tg-1 {
                text-align: center;
            }

            .table .tg-2 {
                font-weight: bold;
                background-color: #c0c0c0;
                text-align: center;
            }
    </style>
    <table class="table">
        <tr>
            <th class="tg-2">Animal Name</th>
            <th class="tg-2">Picture</th>
        </tr>
        <tr>
            <td class="tg-1"><a href="Images/cat.jpg">Cat</a></td>
            <td rowspan="3"></td>
        </tr>
        <td class="tg-1"><a href="Images/Dog.jpg">Dog</a></td>
        </tr>
        <tr>
            <td class="tg-1"><a href="Images/Horse.jpg">Horse</a></td>
        </tr>
    </table>
</body>
</html>
<br>

只使用HTML和CSS而不使用客户端脚本，您需要将iframe元素放入第二列，并在该iframe中打开链接。使用脚本，您也可以只更改第二列中img元素的src属性

.桌子{ 边界塌陷：塌陷；边界间距：0； } .表td{ 字体系列：Arial，无衬线；字体大小：14px；填充：10px 20px；边框样式：实心；边框宽度：2倍； } .表th{ 字体系列：Arial，无衬线；字体大小：14px；字体大小：正常；填充：10px 20px；边框样式：实心；边框宽度：2倍； } .表tg-1{ 文本对齐：居中； } .表tg-2{ 字体大小：粗体；背景色：C0；文本对齐：居中； } .表格iframe{ 填充：0；宽度：216px；/*根据图像大小根据需要修改*/ 高度：116px；/*在两者中使用+16px以允许内部填充*/ 边界：无； } 动物名图画

谢谢！这对我帮助很大

<td class="tg-1"><image src="Images/Horse.jpg" alt="Horse"/></td>