在網頁開發中，HTML是一種常見的標記語言，可以通過它對網頁進行設計和構建。而對于電商網站或在線商店來說，能夠對商品進行添加和刪除是必不可少的功能之一。下面我們就來看看如何在HTML中實現這一功能。

添加商品是一個比較簡單的操作，我們可以通過表單來實現。具體代碼如下：

<form action="" method="post">
<label>商品名稱:<input type="text" name="name"></label>
<label>價格:<input type="text" name="price"></label>
<input type="submit" value="添加">
</form>

上述代碼中使用了form標簽來創建表單，通過label標簽及其相關的元素來獲取商品的名稱和價格信息。而按鈕則使用了input標簽的submit類型，點擊提交后網頁會把數據傳到服務器端進行處理。

刪除商品則需要JavaScript或者服務器端的腳本進行處理。具體代碼如下：

<ul id="goods">
<li>商品1 <button onclick="delGoods(1)">刪除</button></li>
<li>商品2 <button onclick="delGoods(2)">刪除</button></li>
</ul>
<script>
function delGoods(id) {
var goodsList = document.getElementById("goods");
var goods = goodsList.getElementsByTagName("li");
for (var i = 0; i < goods.length; i++) {
if (goods[i].innerHTML.indexOf("id=" + id) !== -1) {
goodsList.removeChild(goods[i]);
}
}
}
</script>

上述代碼中，我們在頁面中使用了一個無序列表來展示商品列表，每個商品后面都有一個“刪除”按鈕，通過點擊該按鈕就可以刪除該商品。在JavaScript部分，我們定義了一個名稱為“delGoods”的函數，用來刪除指定ID的商品。具體實現是通過遍歷商品列表來查找指定ID的商品，然后再通過removeChild方法將其從列表中刪除。