直接在html編輯窗口插入相應命令即可在html表格中加入圖片，具體操作步驟如下：
1、將html文件和圖片放在同一文件夾，例如放在電腦桌面；
2、打開html編輯窗口，對表格進行編輯，完成表格的標簽；
3、在單元格“table”里面插入圖片的標簽，然后在“單元格td”后面插入圖片的保存路徑即可。
HTML表格的基本結構包括<table>、<caption>、<tr>、<td>、<th>等標記
1：<table>標記有以下屬性
① width屬性：表示表格的寬度
② height屬性：表示表格的高度
③ border屬性：表示表格外邊框的寬度
④ align屬性表示表格的顯示位置：left居左顯示；center居中顯示；right居右 顯示。
⑤ cellspacing屬性：單元格之間的間距
⑥ cellpadding屬性：單元格內容與邊框的顯示距離
⑦ frame屬性：控制表格邊框外層的四條線框
⑧ rules屬性：控制顯示單元格之間的分割線
2：<caption>標記用于表格中使用標題
<caption>標記的align屬性有四個取值：
① top表示標題放在表格的上部
② bottom表示標題放在表格的下部
③ left表示標題放在表格的左部
④ right表示標題放在表格的右部
3：<tr>標記用來定義表格的行，對于每一個表格行，都是由一對<tr>...</tr>標記表示。<tr>標記有如下幾種屬性
① bgcolor屬性用來設置背景顏色
② align屬性用來設置垂直方向對齊方式
③ valign屬性用來設置水平方向對齊方式
4：<td>和<th>都是單元格的標記，其必須嵌套在<tr>標記中，成對出現。<th>是表頭標記，<th>中的文字會被默認加粗，而<td>不會，<td>是數據標記，表示該單元格的具體數據。兩者的標記屬性是一樣的：
① bgcolor屬性用來設置背景顏色
② align屬性用來設置垂直方向對齊方式
③ valign屬性用來設置水平方向對齊方式
④ width屬性用來設置表格的寬度
⑤ height屬性用來設置表格的高度
⑦ rowspan設置單元格所占行數
⑧ colspan設置單元格所占列數
使用webstorm制作網頁文件的時候，難免會遇到制作表格的情況，而且關鍵的布局方式一般都是使用表格完成的。
1.制作表格我們需要使用標簽table在html中輸入table標簽，然后設置行和列，，tr代表行,td代表列，然后在行和列中輸入相關的內容。
2.預覽網頁我們發現，網頁顯示格式看起來不像是表格，因為沒有框線，這時候我們需要給table標簽設置邊框，border，如圖所示，在table標簽中，定義border的值，這樣再預覽網頁我們就可以看到表格樣式。
3.圖中的表格表頭和文本內容顯示格式一致，我們可以使用th標簽代替td標簽作為表格的表頭，系統自動將表頭內部的文本內容加粗居中顯示，這樣表頭格式就被著重定義出來。
4.可以使用caption標簽給表格添加標題，caption是table標簽的子標簽需要寫在table標簽內部，將需要定義的標題文本輸入到caption中。
5.兩行數值一樣的話可以設置為rowspan值，如圖所示，兩行數據一致，直接設置rowspan值為2，下一行的這個數值就不必單獨定義了，如果是三行數值一致，那么可以直接設置為3.
6.將多列相同數據一起顯示可以使用colspan來進行設置，如圖所示，第三列所有的內容都全部顯示一致，我們可以設置像表格中的合并效果然后一起顯示，這樣就不必每一列都輸入內容。