Sunday, October 17, 2010

Cách tạo bảng có viền bằng HTML với khoảng trắng văn bản

Nếu không sử dụng nơi chưa văn bản (placeholder) trong các ô bảng HTML trống thì các đường viền ô bảng trống sẽ không hiển thị. Bằng cách thêm vào chuỗi mã ký tự   trong cấu trúc HTML thỉ ô bảng sẽ hiển thị.
Dưới đây là đoạn code không có placeholder.

<table border cellpadding="4">
<tr>
<td>văn bản của bạn</td>
<td></td>
<td>văn bản của bạn</td>
</tr>
<tr>
<td></td>
<td>văn bản của bạn</td>
<td></td>
</tr>
</table>

Và đây là kết quả trên công cụ trình duyệt khi không sử dụng placeholder.

văn bản của bạnvăn bản của bạn
văn bản của bạn

Tiếp đến là ví dụ đoạn code có sử dụng placeholder.
<table border cellpadding="4">
<tr>
<td>văn bản của bạn</td>
<td>&nbsp;</td>
<td>văn bản của bạn</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>văn bản của bạn</td>
<td>&nbsp;</td>
</tr>
</table>

Và đây là kết quả hiển thị trên công cụ trình duyệt khi sử dụng placeholder.

văn bản của bạnvăn bản của bạn
văn bản của bạn

No comments:

Post a Comment