tailieunhanh - Chinh phục Yahoo Blog - Topic 3: Level Up !

Việc chèn bảng cũng hết sức đơn giản, bạn edit một entry, chọn “View HTML Source” như bước chèn hình ảnh, rồi cứ copy đoạn mã HTML trên và paste vào HTML của entry xem sao nhé. Bỏ chọn "View HTML" để xem table sẽ hiển thị như thế nào. Mình sẽ giải thích các thuộc tính của nó ngay sau đây. | Chinh phục Yahoo 3 Level Up Topic 3 Level Up 1. Chèn bảng vào blog Để trình bày nội dung blog thì đôi lúc bạn cần tới bảng table . Row 1 col 1 Row 1 col 2-3 Row 2 col 1 Row 2 col 2 Row 2 col 3 Row 3 col 1 Row 3 col 3 Với cái bảng như trong hình minh họa sẽ có đoạn code HTML như sau table bgcolor aa00bb border 2 cellpadding 30 cellspacing 3 tbody tr td Row 1 col 1 td td colspan 2 align center Row 1 col 2-3 td tr tr td Row 2 col 1 td td rowspan 2 align top Row 2 col 2 td td Row 2 col 3 td tr tr td Row 3 col 1 td td Row 3 col 3 td tr tbody table Việc chèn bảng cũng hết sức đơn giản bạn edit một entry chọn View HTML Source như bước chèn hình ảnh rồi cứ copy đoạn mã HTML trên và paste vào HTML của entry xem sao nhé. Bỏ chọn View HTML để xem table sẽ hiển thị như thế nào. Mình sẽ giải thích các thuộc tính của nó ngay sau đây. Thuộc tính border 2 trong tag table chỉ thị cho browser vẽ một đường viền quanh bảng với độ dày là 2 điểm. Mỗi hàng được xác định bởi tag Table Row là tr . tr rồi sau đó mỗi phần tử trong hàng được định nghĩa bởi tag Table Data là td . td . Trong mỗi tag td . td bạn có thể chèn bất kỳ loại tag nào của HTML văn bản hình ảnh . . Trong tag Table Data bạn lưu ý tới một số thuộc tính để điều chỉnh sự canh lề của các thông tin được thêm vào trong đó. Chỉnh lề theo chiều ngang Chỉnh lề theo chiều dọc td align left Sắp xếp tất cả các thành phần về bên trái của ô - cell. mặc định td valign top Sắp xếp tất cả các thành phần từ đỉnh ô xuống dưới td align right Sắp xếp tất cả các thành phần về bên phải của ô td valign bottom Sắp xếp tất cả các thành phần từ dưới ô lên trên td align center Sắp xếp tất cả các thành phần vào giữa ô. td valign middle Sắp xếp tất cả các thành phần ở giữa ô mặc định Bạn có thể kết hợp các thuộc tính này lại với nhau td align left valign top khi đó các thành phần sẽ hiển thị dọc bên trái và từ trên xuống. Các ô trong bảng được bắt đầu từ trái qua phải và từ trên xuống dưới. Bạn để ý chắc sẽ thấy thuộc tính colspan và .