HTML（HyperText Markup Language）是用來編寫網(wǎng)頁的標(biāo)記語言，我們可以用HTML來制作各種各樣的頁面效果，其中包括發(fā)票。下面我們就來看一下如何利用HTML編寫發(fā)票代碼。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>發(fā)票樣板</title> </head> <body> <h1>發(fā)票樣板</h1> <table> <tr> <th>商品名稱</th> <th>數(shù)量</th> <th>單價(jià)</th> <th>小計(jì)</th> </tr> <tr> <td>電腦</td> <td>1</td> <td>5999元</td> <td>5999元</td> </tr> <tr> <td>鍵盤</td> <td>1</td> <td>199元</td> <td>199元</td> </tr> <tr> <td>鼠標(biāo)</td> <td>1</td> <td>99元</td> <td>99元</td> </tr> <tr> <td colspan="3">合計(jì)金額</td> <td>6297元</td> </tr> </table> </body> </html>
上述代碼中，我們使用了HTML的標(biāo)簽來構(gòu)建一個(gè)發(fā)票頁面。首先我們使用<h1>標(biāo)簽創(chuàng)建了一個(gè)標(biāo)題，然后使用<table>標(biāo)簽來創(chuàng)建表格。其中，<tr>標(biāo)簽用于創(chuàng)建表格行，<th>標(biāo)簽用于表頭單元格，<td>標(biāo)簽用于普通單元格。我們還可以使用<colspan>屬性來進(jìn)行單元格合并。最后，我們在表格下方使用普通文本標(biāo)簽，即<p>標(biāo)簽，來顯示發(fā)票總價(jià)。