Phần 3 : Hướng dẫn tạo bảng giá

Chào các bạn. Để tạo bảng giá cơ bản chúng ta sẽ thực hiện theo các bước như sau!

Bước 1: Truy cập vào https://html-online.com/editor/

Bước 2: Coppy đoạn code dưới đây vào phần soạn thảo code của website trên

<div class="table-responsive">
<table class="table" style="font-size: 16px;">
<tbody>
<tr style="color: #ffffff;" bgcolor="#525252">
<td></td>
<td><strong><span style="color: #ffffff;">Super 22</span></strong></td>
<td><strong><span style="color: #ffffff;">Super 35</span></strong></td>
<td><strong><span style="color: #ffffff;">Super 50</span></strong></td>
<td><strong><span style="color: #ffffff;">Super 65</span></strong></td>
</tr>
<tr>
<td>Download</td>
<td>22 Mbps</td>
<td>35 Mbps</td>
<td>50 Mbps</td>
<td>65 Mbps</td>
</tr>
<tr style="background: #eeeeee;">
<td>Upload</td>
<td>22 Mbps</td>
<td>35 Mbps</td>
<td>50 Mbps</td>
<td>65 Mbps</td>
</tr>
<tr>
<td style="background: #f37021; color: #ffffff;" colspan="7">TỐC ĐỘ TRUY CẬP INTERNET QUỐC TẾ</td>
</tr>
<tr>
<td>Download</td>
<td>3.360 Kbps</td>
<td>3.360 Kbps</td>
<td>6.300 Kbps</td>
<td>6.300 Kbps</td>
</tr>
<tr style="background: #eeeeee;">
<td>Upload</td>
<td>3.360 Kbps</td>
<td>3.360 Kbps</td>
<td>6.300 Kbps</td>
<td>6.300 Kbps</td>
</tr>
<tr>
<td style="background: #f37021; color: #ffffff;" colspan="7">GIÁ CƯỚC INTERNET CÁP QUANG FPT</td>
</tr>
<tr>
<td>Nguyên Gốc</td>
<td><del>200.000</del></td>
<td><del>250.000</del></td>
<td><del>350.000</del></td>
<td><del>450.000</del></td>
</tr>
<tr style="background: #eeeeee;">
<td>Giá Khuyến Mại</td>
<td>190.000</td>
<td>225.000</td>
<td>310.000</td>
<td>440.000</td>
</tr>
</tbody>
</table>
</div>

Bước 3: Bạn sẽ nhận được giao diện như hình

Bước 4: Ví dụ về tạo bảng giá

4.1: Code bảng giá sau khi loại bỏ đi gói cước Super 22

<div class="table-responsive">
<table class="table" style="font-size: 16px;">
<tbody>
<tr style="color: #ffffff;" bgcolor="#525252">
<td>&nbsp;</td>
<td><strong><span style="color: #ffffff;">Super 35</span></strong></td>
<td><strong><span style="color: #ffffff;">Super 50</span></strong></td>
<td><strong><span style="color: #ffffff;">Super 65</span></strong></td>
</tr>
<tr>
<td>Download</td>
<td>35&nbsp;Mbps</td>
<td>50 Mbps</td>
<td>65 Mbps</td>
</tr>
<tr style="background: #eeeeee;">
<td>Upload</td>
<td>35&nbsp;Mbps</td>
<td>50 Mbps</td>
<td>65 Mbps</td>
</tr>
<tr>
<td style="background: #f37021; color: #ffffff;" colspan="7">TỐC ĐỘ TRUY CẬP INTERNET QUỐC TẾ</td>
</tr>
<tr>
<td>Download</td>
<td>3.360 Kbps</td>
<td>6.300 Kbps</td>
<td>6.300 Kbps</td>
</tr>
<tr style="background: #eeeeee;">
<td>Upload</td>
<td>3.360 Kbps</td>
<td>6.300 Kbps</td>
<td>6.300 Kbps</td>
</tr>
<tr>
<td style="background: #f37021; color: #ffffff;" colspan="7">GI&Aacute; CƯỚC INTERNET C&Aacute;P QUANG FPT</td>
</tr>
<tr>
<td>Nguy&ecirc;n Gốc</td>
<td><del>250.000</del></td>
<td><del>350.000</del></td>
<td><del>450.000</del></td>
</tr>
<tr style="background: #eeeeee;">
<td>Gi&aacute; Khuyến Mại</td>
<td>225.000</td>
<td>310.000</td>
<td>440.000</td>
</tr>
</tbody>
</table>
</div>

Và đây là sau khi hiển thị sẽ được như thế này

Video hướng dẫn như sau:

 

PHẦN II) HƯỚNG DẪN TẠO BÁO GIÁ KHÁC!