|
Trình duyệt Internet Explorer không hiểu những lệnh
enter, tab,... mà bạn sử dụng trong các phần mềm soạn thảo. Cho nên muốn xuống hàng, bạn phải dùng thẻ <br> (break); muốn sắp xếp thông tin theo hàng ngang, bạn phải dùng <table> (bảng).
Table sẽ có cấu trúc như sau:
<div align="center">
<table width="*" border="*">
<tr>
<td width="*">
Nội dung của cột thứ nhất
</td>
<td width="*">
Nội dung của cột thứ hai
</td>
... bạn muốn bao nhiêu cột thì thêm vào bấy nhiêu cặp thẻ <td>
</tr>
</table>
* Lưu ý:
- div align="center": để bảng nằm đúng giữa trang web. Nếu bạn thích nằm lệch bên trái thì không cần set thông số này, bên phải là right;
- table width: tùy thuộc vào độ lớn và số lượng của hình ảnh hoặc thông tin trong bảng. Ví dụ 2 bảng trên là 100%; bảng cuối là 70%. Đối với thông số này không cần
xác định bằng đơn vị pixel;
- border set bằng 0, nếu bạn không muốn có khung bao xung quanh table (các bảng ở trên tôi set border="2"; nếu bạn muốn đổi màu cho border thì thêm bordercolor="*" vào
trong thẻ <table>, màu sắc dùng tên bằng tiếng Anh hoặc mã màu);
- tr = table row: xác định bảng theo hàng (chiều ngang);
- td = table data: các nội dung hiển thị của 1 cột (chiều dọc). Bạn muốn bao nhiêu cột thì thêm vào;
- td width: chiều rộng của từng cột, có thể tính bằng đơn vị pixel hoặc tỷ lệ %, nhưng tổng chiều ngang của tất cả các thẻ <td> phải bằng chiều
ngang của bảng. Ví dụ đối với bảng thứ 3, tôi set cột bên trái là 60%, thì bên phải phải là 40%, vì ảnh bên trái to hơn ảnh bên phải.
Trang thông tin của bé Minh Hoàng có 3 tables, nhưng nếu bạn muốn vẽ nhiều hơn thì cứ theo cấu trúc đó với những table tiếp theo.
Tôi cũng dùng cách trang trí này đối với trang web của bé Jumbo. Mời các bạn tham khảo.
Chúc bạn thành công.
|