http://vietjack.com/html/index.jsp Copyright © vietjack.com Bảng HTML Các bảng HTML cho phép lập trình viên xếp liệu văn bản, hình ảnh, đường link… vào bảng Bảng HTML tạo cách sử dụng thẻ đó: thẻ sử dụng để tạo hàng thẻ sử dụng để tạo ô Ví dụ bảng HTML Vi du bang HTML Row 1, Column 1 Row 1, Column 2 Row 2, Column 1 Row 2, Column 2 Chạy đoạn mã tạo bảng sau: Row 1, Column 1 Row 1, Column 2 Row 2, Column 1 Row 2, Column 2 Tại border thuộc tính thẻ sử dụng để đặt Border (đường viền) dọc tất ô Nếu bạn khơng cần Border, bạn sử dụng border="0" Tiêu đề bảng HTML Tiêu đề bảng xác định thẻ Thẻ để chỗ cho thẻ , mà sử dụng để đại diện cho ô liệu Thông thường bạn đặt hàng bảng tiêu đề hình dưới, ngồi bạn sử dụng phần tử hàng Ví dụ Vi du tieu de bang Ten nhan vien Luong Minh Chinh 5000 Duy Manh 7000 Kết hiển thị là: Ten nhan vien Luong Minh Chinh 5000 Duy Manh 7000 http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 http://vietjack.com/html/index.jsp Copyright © vietjack.com Hai thuộc tính cellpadding cellspacing HTML Hai thuộc tính bạn sử dụng để điều chỉnh khoảng trống trắng ô bảng Thuộc tính cellspacing xác định độ rộng Border, thuộc tính cellpadding thay cho khoảng cách Border ô nội dung ô Ví dụ Vi du the cellpadding va cellspacing HTML Ten nhan vien Luong Minh Chinh 5000 Duy Manh 7000 Kết sau: Ten nhan vien Luong Minh Chinh 5000 Duy Manh 7000 Thuộc tính colspan rowspan HTML Bạn sử dụng thuộc tính colspan để nhập hai hay nhiều cột vào cột Tương tự thuộc tính rowspan để nhập hai hay nhiều hàng vào hàng Ví dụ Vi du the colspan va rowspan HTML Column 1 Column 2 Column 3 Row Cell 1Row Cell 2Row Cell 3 Row Cell 2Row Cell 3 Row Cell 1 Kết hiển thị là: Column 1 Row 1 Cell 1 Column 2 Column 3 Row 1 Cell 2 Row 1 Cell 3 Row 2 Cell 2 Row 2 Cell 3 Row 3 Cell 1 Xác định background cho bảng HTML Bạn sử dụng hai cách sau để thiết lập bảng: http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 http://vietjack.com/html/index.jsp Copyright © vietjack.com • Thuộc tính bgcolor - Bạn sử dụng để thiết lập màu cho bảng cho • Thuộc tính background - Bạn sử dụng để thiết lập ảnh cho bảng cho Bên cạnh đó, bạn thiết lập màu cho Border cách sử dụng thuộc tínhbordercolor Ví dụ Vi du tao background cho bang HTML Column 1 Column 2 Column 3 Row Cell 1Row Cell 2Row Cell 3 Row Cell 2Row Cell 3 Row Cell 1 Nó tạo kết sau: Column 1 Row 1 Cell 1 Column 2 Column 3 Row 1 Cell 2 Row 1 Cell 3 Row 2 Cell 2 Row 2 Cell 3 Row 3 Cell 1 Dưới ví dụ sử dụng thuộc tính background Tại chúng tơi sử dụng hình có thư mục ảnh Vi du tao background cho bang HTML Column 1 Column 2 Column 3 Row Cell 1Row Cell 2Row Cell 3 Row Cell 2Row Cell 3 Row Cell 1 Kết hiển thị Ở ảnh không áp dụng cho Tiêu đề bảng Column 1 Row 1 Cell 1 Column 2 Column 3 Row 1 Cell 2 Row 1 Cell 3 Row 2 Cell 2 Row 2 Cell 3 Row 3 Cell 1 http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 http://vietjack.com/html/index.jsp Copyright © vietjack.com Chiều cao độ rộng bảng HTML Bạn sử dụng thuộc tính width height để thiết lập độ rộng chiều cao bảng Bạn thiết lập Pixel phần trăm khu vực đặt hình Ví dụ Chieu cao va rong bang HTML Row 1, Column 1 Row 1, Column 2 Row 2, Column 1 Row 2, Column 2 Nó tạo kết sau: Row 1, Column 1 Row 1, Column 2 Row 2, Column 1 Row 2, Column 2 Phụ đề bảng HTML Thẻ caption sử dụng để lưu giữ tiêu đề lời giải thích cho bảng hiển thị đầu bảng Thẻ thẻ cũ phiên HTML/XHTML Ví dụ Vi du phu de bang HTML Vi du phu de bang row 1, column 1row 1, columnn 2 row 2, column 1row 2, columnn 2 Đoạn mã tạo kết sau: row 1, column 1 Vi du phu de bang row 1, columnn 2 row 2, column 1 row 2, columnn 2 Đầu, thân chân bảng HTML Bảng chia làm phần: tiêu đề, phần thân chứa liệu phần cuối bảng chứa dòng tổng kết Đầu chân bảng tương tự đầu trang chân trang tài liệu văn bản, phần thân nội dung hiển thị bảng Dưới phần tử riêng rẽ bảng: • - Tạo tiêu đề bảng riêng biệt http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 http://vietjack.com/html/index.jsp Copyright © vietjack.com • - Chỉ nội dung bảng • - Tạo phần chân bảng riêng biệt Một bảng chứa nhiều phần tử để vùng, nhóm liệu Tuy nhiên điều lưu ý thẻ xuất trước thẻ Ví dụ Vi du bang HTML Day la phan tieu de bang Day la phan chan bang Cell 1 Cell 2 Cell 3 Cell 4 Kết là: Day la phan tieu de bang Day la phan chan bang Cell 1 Cell 2 Cell 3 Cell 4 Lồng bảng vào bảng HTML Bạn lồng bảng vào bảng khác Bạn sử dụng hầu hết tất thẻ bên thẻ Ví dụ Ví dụ sử dụng bảng khác thẻ khác bên ô bảng Vi du bang HTML Ten nhan vien Luong Minh Chinh 5000 Duy Manh 7000 Nó cho kết sau: Ten nhan vien Luong Minh Chinh 5000 Duy Manh 7000 Loạt hướng dẫn học lập trình HTML nâng cao dựa nguồn tài liệu của: Tutorialspoint http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 http://vietjack.com/html/index.jsp Copyright © vietjack.com Follow https://www.facebook.com/vietjackteam/ để tiếp tục theo dõi loạt Java,C,C++,Javascript,HTML,Python,Database,Mobile Click http://click.accesstrade.vn/adv.php?rk=0002k20003u4 để đăng ký tham gia khóa học trực tuyến tất ngơn ngữ lập trình, thiết kế web, photoshop tổ hợp công nghệ giáo dục TOPICA, để ủng hộ cho website vietjack.com http://vietjack.com/ Trang chia sẻ các bài học online miễn phí Page 1 ... thị đầu bảng Thẻ thẻ cũ phiên HTML/ XHTML Ví dụ Vi du phu de bang HTML< /title> Vi du phu de bang< /caption>... < /html> Kết là: Day la phan tieu de bang Day la phan chan bang Cell 1 Cell 2 Cell 3 Cell 4 Lồng bảng vào bảng HTML Bạn lồng bảng vào bảng khác Bạn sử dụng hầu hết tất thẻ bên thẻ. .. chân bảng riêng biệt Một bảng chứa nhiều phần tử để vùng, nhóm liệu Tuy nhiên điều lưu ý thẻ xuất trước thẻ Ví dụ Vi du bang HTML< /title>