給表格中的文字加上圖片可以使頁面更加生動有趣。下面是一個演示如何在表格文字前加入圖片的實例：

<style>
table td {
padding: 10px;
font-size: 16px;
}
img {
vertical-align: middle;
margin-right: 10px;
}
</style>
<table>
<tr>
<td><img src="smile.png"> 微笑</td>
<td><img src="frown.png"> 悲傷</td>
</tr>
<tr>
<td><img src="laugh.png"> 大笑</td>
<td><img src="cry.png"> 哭泣</td>
</tr>
</table>

首先我們通過CSS設(shè)置表格中單元格的樣式，給表格文字加上圖片需要讓圖片垂直居中并且與文字有一定的距離，這里通過設(shè)置圖片的vertical-align屬性為middle、margin-right屬性來實現(xiàn)。然后在table標(biāo)簽中使用tr標(biāo)簽來創(chuàng)建行，在td標(biāo)簽中加入img標(biāo)簽和文字。