HTML中如何在表格中添加圖片呢?以下是一些簡單的代碼示例。
首先,在表格中的一個單元格中添加一個圖片,需要使用標簽。例如:
<table> <tr> <td><img src="image.jpg" alt="Image"></td> </tr> </table>下一步是添加一個標題行和數據行,如下所示:
<table> <tr> <th>名字</th> <th>照片</th> </tr> <tr> <td>張三</td> <td><img src="zhangsan.jpg" alt="Zhang San"></td> </tr> <tr> <td>李四</td> <td><img src="lisi.jpg" alt="Li Si"></td> </tr> </table>接下來,我們可以使用CSS來設置表格的外觀和布局。例如,我們可以使用以下樣式:
table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid black; padding: 10px; text-align: center; } th { background-color: #ccc; }代碼演示完成,以上就是如何在表格中添加圖片的HTML代碼。