Hướng dẫn html make a table - html tạo bảng

Phạm Thị Hồng Đào

Họ tênNgày sinhGiới tính
Trần Anh Đức 03/08/1993 Nam
Kiều Thị Thu Hằng 04/09/1991 Nữ
Vương Thị Lê Na 06/10/1991 Nữ
Vương Thị Lê Na 06/10/1991 Nam
Kiều Thị Thu Hằng 04/09/1991 Nam

Kiều Thị Thu Hằng bảng là gì nữa, mà chúng ta sẽ đi thẳng vào việc tìm hiểu cách tạo một cái bảng luôn.

04/09/1991

Nữ

Vương Thị Lê Na

  • 06/10/1991
  • Dương Kim Thương
  • 16/11/1990
  • Mai Đức Hiếu

Họ tênNgày sinhGiới tính
Trần Anh Đức 03/08/1993 Nam
Kiều Thị Thu Hằng 04/09/1991 Nữ
Vương Thị Lê Na 06/10/1991 Nữ
Vương Thị Lê Na 06/10/1991 Nam
Kiều Thị Thu Hằng 04/09/1991 Nam

Kiều Thị Thu Hằng

04/09/1991 Ô tiêu đề là loại ô mà văn bản nằm bên trong nó mặc định được tô đậm & canh giữa.

Nữ

Vương Thị Lê Na

  • 06/10/1991
  • Dương Kim Thương
  • 16/11/1990
  • Mai Đức Hiếu
  • 18/06/1989

Họ tênNgày sinhGiới tính
Trần Anh Đức 03/08/1993 Nam
Kiều Thị Thu Hằng 04/09/1991 Nữ
Vương Thị Lê Na 06/10/1991 Nữ

Vương Thị Lê Na

06/10/1991 1

Dương Kim Thương 2

16/11/1990 3

Mai Đức Hiếu 4

18/06/1989 5

- Tính đến thời điểm này thì chắc các bạn cũng đã quá quen thuộc với hình dạng của một cái bảng rồi, cho nên tôi không cần phải giải thích lại khái niệm bảng là gì nữa, mà chúng ta sẽ đi thẳng vào việc tìm hiểu cách tạo một cái bảng luôn.

- Tính đến thời điểm này thì chắc các bạn cũng đã quá quen thuộc với hình dạng của một cái bảng rồi, cho nên tôi không cần phải giải thích lại khái niệm bảng là gì nữa, mà chúng ta sẽ đi thẳng vào việc tìm hiểu cách tạo một cái bảng luôn.

1) Các thẻ được sử dụng trong việc tạo bảng

- Thông thường, để tạo được một cái bảng thì chúng ta cần phải sử dụng bốn loại thẻ:

- Tính đến thời điểm này thì chắc các bạn cũng đã quá quen thuộc với hình dạng của một cái bảng rồi, cho nên tôi không cần phải giải thích lại khái niệm bảng là gì nữa, mà chúng ta sẽ đi thẳng vào việc tìm hiểu cách tạo một cái bảng luôn.

1) Các thẻ được sử dụng trong việc tạo bảng

- Thông thường, để tạo được một cái bảng thì chúng ta cần phải sử dụng bốn loại thẻ:

- Trong đó:

- Tính đến thời điểm này thì chắc các bạn cũng đã quá quen thuộc với hình dạng của một cái bảng rồi, cho nên tôi không cần phải giải thích lại khái niệm bảng là gì nữa, mà chúng ta sẽ đi thẳng vào việc tìm hiểu cách tạo một cái bảng luôn.

1) Các thẻ được sử dụng trong việc tạo bảng

- Thông thường, để tạo được một cái bảng thì chúng ta cần phải sử dụng bốn loại thẻ:

- Trong đó:

Họ tên Ngày sinh Giới tính
Trần Anh Đức 03/08/1993 Nam
Kiều Thị Thu Hằng 04/09/1991 Nữ
Vương Thị Lê Na 06/10/1991 Nữ

- Tính đến thời điểm này thì chắc các bạn cũng đã quá quen thuộc với hình dạng của một cái bảng rồi, cho nên tôi không cần phải giải thích lại khái niệm bảng là gì nữa, mà chúng ta sẽ đi thẳng vào việc tìm hiểu cách tạo một cái bảng luôn.

1) Các thẻ được sử dụng trong việc tạo bảng

- Thông thường, để tạo được một cái bảng thì chúng ta cần phải sử dụng bốn loại thẻ:

- Trong đó:

Thẻ dùng để xác định một cái bảng.

Họ tên Ngày sinh Giới tính
Trần Anh Đức 03/08/1993 Nam
Kiều Thị Thu Hằng 04/09/1991 Nữ
Vương Thị Lê Na 06/10/1991 Nữ

Thẻ dùng để xác định một hàng bên trong bảng.

Thẻ dùng để xác định một ô (tiêu đề) bên trong hàng.

Thẻ dùng để xác định một ô (bình thường) bên trong hàng. để tìm hiểu chi tiết chức năng và cách sử dụng của từng thuộc tính)

- Ví dụ: Cái bảng bên trái có sáu hàng tương ứng với sáu phần tử , hàng đầu tiên có ba ô tiêu đề tương ứng với ba phần tử , năm hàng còn lại gồm mười lăm ô bình thường tương ứng với mười lăm phần tử

- Lưu ý: Ô tiêu đề là loại ô mà văn bản nằm bên trong nó mặc định được tô đậm & canh giữa.

2) Cách thức tạo một cái bảng

- Để tạo một cái bảng thì chúng ta nên thực hiện lần lượt các bước như sau:

Bước 1: Xác định một cái bảng.

Bước 2: Xác định số hàng nằm bên trong bảng.

Bước 3: Xác định số ô nằm bên trong mỗi hàng.

Bước 4: Xác định nội dung của từng ô.

Bước 5: Thiết lập thuộc tính border với giá trị 1 để tạo đường viền cho bảng và các ô.

- Để tạo được một cái bảng giống phía trên thì chúng ta thực hiện lần lượt các bước sau:

Bước 1

Bước 2

Bước 3

Bước 4

Bước 5

- Bước 1: Xác định một cái bảng

- Bước 2: Xác định số hàng nằm bên trong bảng.

(vì có tổng cộng bốn hàng nên tôi sử dụng bốn phần tử )

Họ tênGiới tính- Bước 3: Xác định số ô nằm bên trong mỗi hàng.
(hàng đầu tiên có ba ô tiêu đề, ba hàng còn lại thì mỗi hàng có ba ô bình thường)- Bước 4: Xác định nội dung của từng ô.- Bước 5: Thiết lập thuộc tính border với giá trị 1 để tạo đường viền cho bảng và các ô.
3) Các thuộc tính được dùng trong việc tạo bảngNam 7.25 8.0 3.75
Kiều Thị Thu Hằng Nam 7.0 9.0 4.75

04/09/1991

Nữ

Vương Thị Lê Na

06/10/1991

colspan="số ô muốn gộp lại với nhau"


THÔNG TIN SINH VIÊN
Trần Anh Đức 03/08/1993 Nam
Kiều Thị Thu Hằng 04/09/1991 Nữ
Vương Thị Lê Na 06/10/1991 Nữ

Dương Kim Thương

16/11/1990

Mai Đức Hiếu

06/10/1991

rowspan="số ô muốn gộp lại với nhau"


LẬP TRÌNH WEB HTML
CSS
JavaScript

Dương Kim Thương

16/11/1990

Mai Đức Hiếu Ngày sinhGiới tính- Bước 3: Xác định số ô nằm bên trong mỗi hàng.
(hàng đầu tiên có ba ô tiêu đề, ba hàng còn lại thì mỗi hàng có ba ô bình thường)- Bước 4: Xác định nội dung của từng ô.- Bước 5: Thiết lập thuộc tính border với giá trị 1 để tạo đường viền cho bảng và các ô.
3) Các thuộc tính được dùng trong việc tạo bảng03/08/1993 Nam 7.25 8.0 3.75
Kiều Thị Thu Hằng 04/09/1991 Nữ 7.0 9.0 4.75
Vương Thị Lê Na 06/10/1991 Nữ 6.5 9.75 2.25

- Dưới đây là danh sách một số thuộc tính thường được áp dụng trong việc tạo bảng.Họ tênGiới tính(các bạn vui lòng tấm vào hình để tìm hiểu chi tiết chức năng và cách sử dụng của từng thuộc tính)
border - Thiết lập độ dày của cái đường viền bao xung quanh bảng và các ô.
1 3) Các thuộc tính được dùng trong việc tạo bảng- Dưới đây là danh sách một số thuộc tính thường được áp dụng trong việc tạo bảng. (các bạn vui lòng tấm vào hình để tìm hiểu chi tiết chức năng và cách sử dụng của từng thuộc tính)
2 Kiều Thị Thu Hằng - Dưới đây là danh sách một số thuộc tính thường được áp dụng trong việc tạo bảng.(các bạn vui lòng tấm vào hình để tìm hiểu chi tiết chức năng và cách sử dụng của từng thuộc tính)
3 Vương Thị Lê Na - Dưới đây là danh sách một số thuộc tính thường được áp dụng trong việc tạo bảng.(các bạn vui lòng tấm vào hình để tìm hiểu chi tiết chức năng và cách sử dụng của từng thuộc tính)

STTHọ tênGVHDLịch gặp GVHD
1 Nguyễn Lê Thu Trang Th.S Hồ Sỹ Tuy Đức 08/03/2018
2 Nguyễn Thị Diễm
3 Phạm Thị Hồng Đào
4 Nguyễn Thị Kim Sa Th.S Phạm Thị Huyền Quyên 05/03/2018
5 Lê Thị Trang

Bảng điểm lớp 9BToánHóa
STTHọ tên
1 GVHD8.5 3.0 7.75
2 Lịch gặp GVHD10 9.25 5.75
3 Nguyễn Lê Thu Trang 2.25 6.0 7.75
Th.S Hồ Sỹ Tuy Đức

08/03/2018

Nguyễn Thị Diễm

tiêu đề của cái bảng
Nguyễn Thị Kim Sa

Th.S Phạm Thị Huyền Quyên

05/03/2018

Lê Thị Trang


0

Bảng điểm lớp 9B

Toán

độ dày của cái đường viền bao xung quanh bảng & các ô.

Hóa

Trần Đức Anh

Kiều Thị Thu Hằng

Vương Thị Lê Na

Điểm trung bình cả lớp

5) Tạo một cái tiêu đề cho bảng

- Để tạo một cái tiêu đề cho bảng thì chúng ta cần phải đặt thẻ nằm ở vị trí đầu tiên bên trong phần tử với cú pháp như sau:

- Trong đó, value có thể được xác định dựa theo một trong hai loại giá trị:

top

- Tiêu đề sẽ nằm phía trên cái bảng.

bottom


4

Bảng điểm lớp 9B

Toán

Hóa

Trần Đức Anh


5

Bảng điểm lớp 9B

Toán

Hóa

Trần Đức Anh


6

Bảng điểm lớp 9B

Toán

Hóa

Trần Đức Anh

Kiều Thị Thu Hằng

Vương Thị Lê Na

Điểm trung bình cả lớp

5) Tạo một cái tiêu đề cho bảng

- Để tạo một cái tiêu đề cho bảng thì chúng ta cần phải đặt thẻ nằm ở vị trí đầu tiên bên trong phần tử với cú pháp như sau:

- Trong đó, value có thể được xác định dựa theo một trong hai loại giá trị:


7

Bảng điểm lớp 9B

Toán


8

Bảng điểm lớp 9B

Toán

Nguyễn Thị Kim Sa

Th.S Phạm Thị Huyền Quyên

05/03/2018

Lê Thị Trang

05/03/2018

Lê Thị Trang


9

Bảng điểm lớp 9B

Toán


0

Bảng điểm lớp 9B