[Html表格中不同的照片尺寸

问题描述 投票:0回答:1

[你好,我想在Html表中放入一些大小与我创建的大小不同的随机照片,但是当我将照片放入表中时,表的大小就打破了,我尝试了很多事情,但是这里没有任何变化表“

<! doctype html>
<html>
<head
</head>

<body>

<table border="1" width="40%">

    <tr>
        <td style="background-color:red; padding-bottom:50px;"><br /><p><font color="white">cell</font></p></td>
        <td style="background-color:green; padding-right:60px; padding-bottom:10px;"><p><font color="white">cell</font></p></td>
        <td style="background-color:black; padding-right:80px; padding-bottom:20px;" rowspan="2"><p><font color="white">cell</font></p></td>
    </tr>
    <tr>
        <td style="background-color:white; padding-bottom:25px;" rowspan="2">cell</td>
        <td style="background-color:orange; padding-bottom:50px;"><br /><br /><p><font color="white">cell</font></p></td>
    </tr>
    <tr>
        <td style="background-color:purple; padding:110px; padding-bottom:120;" rowspan="2">
            <table border="1" align="center">
                <tr>
                    <td><p><font color="white">cell</font></p></td><td><p><font color="white">cell</font></p></td>
                </tr>
                <tr>
                    <td><p><font color="white">cell</font></p></td><td><p><font color="white">cell</font></p></td>
                </tr>
            </table>
        </td>
        <td style="background-color:gray; padding-bottom:150px" rowspan="2"><br /><br /><br /><br /><br /><br /><br /><br />cell</td>
    </tr>
    <tr>
        <td style="background-color:pink; padding:40px; padding-bottom:50px;" rowspan="2">cell</td>
    </tr>
    <tr>
        <td style="background-color:yellow; padding:50px; padding-bottom:30px;" colspan="2">cell</td>
    </tr>

</table>

</body>
</html>

`

html
1个回答
0
投票

来源:https://www.w3schools.com/html/html_links.asp

您需要在<td></td>之间插入图像>

 <table border="1" align="center">
                <tr>
                    <td><p><font color="white">cell</font>
                    </p></td><td><p><font color="white">cell</font>
                    **<img src="img_girl.jpg" alt="Girl in a jacket" style="width:500px;height:600px;">
                    </p></td>**
                </tr>
                <tr>
                    <td><p><font color="white">cell</font></p></td><td><p><font color="white">cell</font></p></td>
                </tr>
            </table>*emphasized text*
© www.soinside.com 2019 - 2024. All rights reserved.