Cơ bản html p6

html tables - BảngMay 28, 2009, 04:11:29 PM by nvcnvn Các bảng trong HTML được định nghĩa như sau: Định nghĩa 1 bảng bởi cặp thẻ Trong 1 bảng (table) được chia làm nhiều dòng , mỗi dòng giới hạn bởi 1 cặp thẻ . Trong mỗi dòng lại có các ô , giới hạn bởi cặp thẻ Chẳng hạn để định nghĩa 1 bảng gồm có 1 dòng và 3 ô, ta làm như sau: Ô thứ nhất Ô thứ 2 Ô thứ 3 Hoặc để định nghĩa một bảng gồm 2 dòng,...
Nội dung trích xuất từ tài liệu:
Cơ bản html p6 Basic html Cơ bản html html tables - BảngMay 28, 2009, 04:11:29 PM by nvcnvnCác bảng trong HTML được định nghĩa như sau:Định nghĩa 1 bảng bởi cặp thẻ Trong 1 bảng (table) được chia làm nhiều dòng , mỗi dòng giới hạn bởi 1 cặp thẻ .Trong mỗi dòng lại có các ô , giới hạn bởi cặp thẻ Chẳng hạn để định nghĩa 1 bảng gồm có 1 dòng và 3 ô, ta làm như sau:Ô thứ nhấtÔ thứ 2Ô thứ 3Hoặc để định nghĩa một bảng gồm 2 dòng, mỗi dòng 3 ô:Ô thứ nhất dòng 1Ô thứ 2 dòng 1Ô thứ 3 dòng 1Ô thứ nhất dòng 2Ô thứ 2 dòng 2Ô thứ 3 dòng 2Chú ý: Số lượng các ô trong các dòng phải bằng nhau, nếu 1 dòng nào đó có số ô khác với dòngkhác, bảng sẽ bị vỡ kế hoạch. Để khắc phục điều này, ta phải tính trước trong 1 bảng, số lượngtối đa các ô của 1 dòng sẽ là bao nhiêu, sau đó có thể dùng thuộc tính colspan của thẻ đểgộp các ô trống trong cùng 1 hàng lại với nhau.Thuộc tính colspan sẽ chỉ định số lượng các ô được gộp vào nhau trên một hàng.Chẳng hạn:Chập ô thứ nhất và ô thứ 2 của dòng 1Ô thứ 3 dòng 1 Basic htmlÔ thứ nhất dòng 2Ô thứ 2 dòng 2Ô thứ 3 dòng 2Một số thuộc tính có liên quan:Thẻ Table:- border: Xác định độ dày của khung bao quanh bảng- bordercolor: Màu của khung bao quanh, viết dưới dạng dấu # và 6 chữ số HEX tiếp theo.- cellspacing: Xác định khoảng cách giữa các ô trong bảng.- width: Xác định độ rộng của bảng- background: Xác định hình ảnh sẽ được sử dụng để làm nền cho toàn bảng- bgcolor: Xác định màu nền của bảng, viết theo kiểu #XXXXXX (số HEX).Thẻ (dòng),(cột), thẻ thì ít dùng, mọi người thường làm theo kiều, trong bảng códòng, trong dòng có ô, nhìn nó đỡ rối hơnThẻ (ô)- width: Độ rộng của ô- height: Chiều cao của ô- colspan: Xác định bao nhiêu ô tính từ ô đó sẽ được chập vào làm 1 (trên cùng 1 dòng)- rowspan: Xác định bao nhiêu ô tính từ ô đó sẽ được chập vào làm 1 (trên cùng 1 cột).- background: Xác định hình ảnh sẽ được sử dụng để làm nền cho ô- bgcolor: Xác định màu nền ô, viết theo kiểu #XXXXXX (số HEX).Ví dụ:Code: [Select]Cột 1Cột 2Cột 3Dòng 1 Ô 1Dòng 1 Ô 2Dòng 1 Ô 3Dòng 2 Ô 2Dòng 2 Ô 3Dòng 3 Ô 1Kết quả Cột 1 Cột 2 Cột 3 Dòng 1 Ô 2 Dòng 1 Ô 3Dòng 1 Ô 1 Dòng 2 Ô 2 Dòng 2 Ô 3Dòng 3 Ô 1 Basic htmlbảng trên thuộc loại hơi rắc rối, một cấu trúc đơn giản hơn nhiều:Code: [Select]Ô 1Ô 2Ô 3Ô 4Kết quả:Ô1Ô2Ô3Ô4Hảy tự làm vài ví dụ cho mình đi ha html frames - iframe/ khung - khung nội dòng trong htmlKhung à ....frame thường được dùng để à...ờ. Ví dụ, bạn làm một website, có phần đầu chứbanner, bên trái là dãy menu còn bên phải là nội dung:Down về và giải nén ra để xem ví dụhttp://sites.google.com/site/hocvuinetsite/frame/frame.zipSau khi down về nếu bạn nào không biết giải nén thì nhấp chuột phải vào chọn Extract hereBắt đầu vào phân tích cái frame này.Code: [Select]Đây là một trang frame đơn giản nhất, nó là một trang gộp lại bởi hai trang menu.htm vàmain.htm.trang frame không có tag frameset: tag này chứa thông tin định dạng cho trang frame và các frame nhỏ bên trong Basic htmlcols: thuộc tính này sẽ quyết định chiều rộng của hai cột, như ví dụ trên là 20%,*, 20% sẻ làchiều rộng của cột đầu tiên, còn lại là của cột thứ 2.: tag này mới chính thức là tag dẫn tới trang mà bạn chỉ định, với thuộc tính src làđường dẫn tới trang bạn muốn!Còn ở ví dụ, mọi chuyện hơi khác, ở đó bạn thấy có 3 khung tất cả, một khung nằm ngang và haikhung bình thường. Đó là frame chứa frame có hai khung nhỏ.Code: [Select]trang frame như là đả nói từ trước, thường người ta dùng frame để tạo một menu, mà để khi click vào framenày mà frame kia thay đỗi, ta cần thuộc tính name và thuộc tính target._trong frame menu thêm thuộc tính target với giá trị là tên frame ta muốn chuyễn hướng khiclick chuột_trong trang tương ứng với frame menu, trên phần ta thêm tag với thuộc tínhtarget giá trị cũng là tên frame muốn chuyễn hướngChú ý: ta vẫn có thể dơn giản là dùng thuộc tính target giá trị cũng là tên frame muốn chuyễnhướng trong tag (xem lại phần html Link)Dàn frameNói chung và khộng chính xác frame có hai cách dàng đó là hàng và cột!Để dàng một cái frame nằm ngang(chiều dài hơn rộng) trong tag thuộc tính rows vớigiá trị là chiều cao của frame thí nhất( tính từ trên xuống)VD:Để dàng một cái frame đứng(chiều dài bé hơn rộng) trong tag thuộc tính cols với giátrị là chiều cao của frame thí nhất( tính từ trên xuống)VD:Phân tích khĩ hơn các file ví dụ ...