Tạo đề online từ PDF/Word Trộn đề thi Nhập mã Ngân hàng đề thi

Bài giảng Tin học 12 Tạo danh sách, bảng

Bài giảng

Bài giảng Tin học 12 Tạo danh sách, bảng

A

AdminTin họcLớp 1211 lượt thi

Bắt đầu ngay

Bắt đầu ngay

43 câu hỏi

Hiển thị đáp án

1. Slide nội dung

• 1 điểm

BÀI 9.
TẠO DANH SÁCH,
BẢNG

2. Slide nội dung

• 1 điểm

Sử dụng thẻ HTML để tạo danh sách và bảng

3. Slide nội dung

• 1 điểm

Nội dung nhập

4. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

a) Danh sách có hoặc không có thứ tự

Danh sách có thứ tự

Các ngành học hot nhất hiện nay: Các ngành học hot nhất hiện nay:
Công nghệ thông tin 1. Công nghệ thông tin
Truyền thông marketing 2. Truyền thông marketing
Công nghệ ô tô 3. Công nghệ ô tô
Du lịch khách sạn 4. Du lịch khách sạn
Thiết kế đồ họa 5. Thiết kế đồ họa
Trí tuệ nhân tạo 6. Trí tuệ nhân tạo

5. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

a) Danh sách có hoặc không có thứ tự

Danh sách có thứ tự

Các ngành học hot nhất hiện nay:
<ol> Các ngành học hot nhất hiện nay:
<li>Công nghệ thông tin</li> 1. Công nghệ thông tin
<li>Truyền thông marketing</li> 2. Truyền thông marketing
<li>Công nghệ ô tô</li> 3. Công nghệ ô tô
<li>Du lịch khách sạn</li> 4. Du lịch khách sạn
<li>Thiết kế đồ họa</li> 5. Thiết kế đồ họa
<li>Trí tuệ nhân tạo</li> 6. Trí tuệ nhân tạo
</ol>

6. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

a) Danh sách có hoặc không có thứ tự

Danh sách có thứ tự
<ol type=“1” start=“5”>
Các ngành học hot nhất hiện nay: <li>Mục 1</li>
<ol> <li>Mục 2</li>
<li>Công nghệ thông tin</li> <li>Mục 3</li>
<li>Truyền thông marketing</li> <li>Mục 4</li>
<li>Công nghệ ô tô</li> <li> …… </li>
<li>Du lịch khách sạn</li> <li>Mục n</li>
<li>Thiết kế đồ họa</li> </ol>
<li>Trí tuệ nhân tạo</li> type: “1”, “a”, “A”, “i”, “I”
</ol> start: giá trị bắt đầu

7. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

a) Danh sách có hoặc không có thứ tự

Danh sách có thứ tự

8. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

a) Danh sách có hoặc không có thứ tự

Danh sách không có thứ tự

Các ngành học hot nhất hiện nay: Các ngành học hot nhất hiện nay:
Công nghệ thông tin • Công nghệ thông tin
Truyền thông marketing • Truyền thông marketing
Công nghệ ô tô • Công nghệ ô tô
Du lịch khách sạn • Du lịch khách sạn
Thiết kế đồ họa • Thiết kế đồ họa
Trí tuệ nhân tạo • Trí tuệ nhân tạo

9. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

a) Danh sách có hoặc không có thứ tự

Danh sách không có thứ tự

Các ngành học hot nhất hiện nay:
<ul> Các ngành học hot nhất hiện nay:
<li>Công nghệ thông tin</li> • Công nghệ thông tin
<li>Truyền thông marketing</li> • Truyền thông marketing
<li>Công nghệ ô tô</li> • Công nghệ ô tô
<li>Du lịch khách sạn</li> • Du lịch khách sạn
<li>Thiết kế đồ họa</li> • Thiết kế đồ họa
<li>Trí tuệ nhân tạo</li> • Trí tuệ nhân tạo
</ul>

10. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

a) Danh sách có hoặc không có thứ tự

Danh sách không có thứ tự

Các ngành học hot nhất hiện nay: < ul stype=“list-stype-type:disc”>
<ul> <li>Mục 1</li>
<li>Công nghệ thông tin</li> <li>Mục 2</li>
<li>Truyền thông marketing</li> <li>Mục 3</li>
<li>Công nghệ ô tô</li> <li>Mục 4</li>
<li>Du lịch khách sạn</li> <li> …… </li>
<li>Thiết kế đồ họa</li> <li>Mục n</li>
<li>Trí tuệ nhân tạo</li> </ul>
</ul> list-stype-type: disc, circle, square, none

11. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

a) Danh sách có hoặc không có thứ tự

Danh sách không có thứ tự

12. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

b) Danh sách mô tả

<dl>
<dt>Kem</dt> Kem
<dd>Món ăn ngọt, ở dạng đông lạnh</dd> Món ăn ngọt, ở dạng đông lạnh
<dt>Trà sữa</dt> Trà sữa
<dd>Đồ uống làm từ trà và sữa</dd> Đồ uống làm từ trà và sữa
<dt>Bánh bông lan</dt> Bánh bông lan
<dd>Loại bánh làm từ bột mì và trứng</dd> Loại bánh làm từ bột mì và trứng
</dl>

13. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

b) Danh sách mô tả

<dl>
<dl> <dt>Tên mục 1</dt>
<dt>Kem</dt> <dd>Mô tả mục 1</dd>
<dd>Món ăn ngọt, ở dạng đông lạnh</dd> <dt>Tên mục 2</dt>
<dt>Trà sữa</dt> <dd>Mô tả mục 2</dd>
<dd>Đồ uống làm từ trà và sữa</dd> <dt> ………… </dt>
<dt>Bánh bông lan</dt> <dd> ………….. </dd>
<dd>Loại bánh làm từ bột mì và trứng</dd> <dt>Tên mục n</dt>
</dl> <dd>Mô tả mục n</dd>
</dl>

14. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH

b) Danh sách mô tả

15. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH <ol type="A">
<li>Môn học bắt buộc
Danh sách lồng nhau <ol type="1" start="1">
<li>Toán</li>
Danh sách các môn học bậc THPT: <li>Ngữ văn</li>
A. Môn học bắt buộc <li>Ngoại ngữ</li>
1. Toán </ol>
2. Ngữ văn </li>
3. Ngoại ngữ <li>Môn học tự chọn
B. Môn học tự chọn <ol type="1" start="4">
4. Vật lý <li>Vật lý</li>
5. Hóa học <li>Hóa học</li>
6. Sinh học <li>Sinh học</li>
7. Lịch sử <li>Lịch sử</li>
8. Địa lý <li>Địa lý</li>
</ol>
</li>
</ol>

16. Slide nội dung

• 1 điểm

1. TẠO DANH SÁCH <ol type="A">
<li>Môn học bắt buộc
Danh sách lồng nhau <ol type="1" start="1">
<li>Toán</li>
<li>Ngữ văn</li>
<li>Ngoại ngữ</li>
</ol>
</li>
<li>Môn học tự chọn
<ol type="1" start="4">
<li>Vật lý</li>
<li>Hóa học</li>
<li>Sinh học</li>
<li>Lịch sử</li>
<li>Địa lý</li>
</ol>
</li>
</ol>

17. Slide nội dung

• 1 điểm

Làm thế nào để tạo một danh sách lồng nhau, danh sách mức 1
đánh số dạng 1, 2, 3,… và danh sách mức 2 đánh số dạng a, b, c?

18. Slide nội dung

• 1 điểm

2. THIẾT LẬP BẢNG

Cấu trúc HTML của bảng

Bảng <table> Ô tiêu đề <th>

Món ăn Đơn giá Số lượng Thành tiền
Thịt xiên 10k 3 30 Hàng <tr>
Cá viên 5k 6 30

Ô dữ liệu <td>

19. Slide nội dung

• 1 điểm

<table>
2. THIẾT LẬP BẢNG
<tr>
Cách tạo bảng <th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>

20. Slide nội dung

• 1 điểm

<table>
2. THIẾT LẬP BẢNG
<tr>
Cách tạo bảng <th>Món ăn</th>
<th>Đơn giá</th>
<th>Số lượng</th>
<th>Thành tiền</th>
</tr>
<tr>
Món ăn Đơn giá Số lượng Thành tiền <td>Thịt xiên</td>
Thịt xiên 10k 3 30 <td>10k</td>
<td>3</td>
Cá viên 5k 6 30 <td>30</td>
</tr>
<tr>
<td>Cá viên</td>
<td>5k</td>
<td>6</td>
<td>30</td>
</tr>
</table>

21. Slide nội dung

• 1 điểm

2. THIẾT LẬP BẢNG

Định dạng bảng <table border="1" cellspacing="0">
<table>
<caption>Bảng điểm</caption>
<tr>
<tr bgcolor=“#9FE2BF”>
<th>Họ và tên</th> và tên</th>
<th rowspan=“2”>Họ
<th>Điểm thi</th>
<th colspan=“3”>Điểm thi</th>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td>Toán</td>
<td align=“center”>Toán</td>
<td>Vật lý</td>
<td align=“center”>Vật lý</td>
<td>Hóa học</td>
<td align=“center”>Hóa học</td>
</tr>
</table>

22. Slide nội dung

• 1 điểm

2. THIẾT LẬP BẢNG

Định dạng bảng

23. Slide nội dung

• 1 điểm

2. THIẾT LẬP BẢNG

Định dạng bảng

24. Slide nội dung

• 1 điểm

2. THIẾT LẬP BẢNG

Định dạng bảng

25. Slide nội dung

• 1 điểm

2. THIẾT LẬP BẢNG

Định dạng bảng

26. Slide nội dung

• 1 điểm

2. THIẾT LẬP BẢNG

Định dạng bảng

<table style = “border: 3px solid red;
width: 100%;
height: 50px;”>
</table>

27. Slide nội dung

• 1 điểm

Bảng trong ví dụ trên Hình 9.6 có nhược điểm gì? Cần làm thế nào
để giải quyết nhược điểm đó?
Nhược điểm:
• Cột không đều
• Viền sát vào chữ
Cách xử lí:
• Thiết lập độ rộng cho ô
• Thiết lập thuộc tính cellpadding cho bảng

28. Slide nội dung

• 1 điểm

3. THỰC HÀNH TẠO DANH SÁCH VÀ BẢNG

Nhiệm vụ 1: Tạo danh sách

Yêu cầu

Viết đoạn mã html để tạo danh sách các
câu lạc bộ của trường như Hình 9.7

29. Slide nội dung

• 1 điểm

<h2> Danh sách Câu lạc bộ </h2>

<ul> <li> • THỂ THAO </li>
<ol> <li> 1. Bóng đá </li>
<li> 2. Bóng chuyền </li>
<li> 3. Bóng rổ </li>
<li> 4. Võ </li>
<ol> <li>a. Karatedo </li>
<li>b. Taekwondo </li>
</ol><li>c. Vovinam </li>
</ol> <li> 5. Bơi </li>
<li> • NGHỆ THUẬT </li>
<ol> <li> 1. Mĩ thuật </li>
<li> 2. Nhiếp ảnh </li>
<li> 3. Âm nhạc </li>
<ol> <li>a. Thanh nhạc </li>
<li>b. Piano </li>
</ol> <li>c. Violin </li>
<li> 4. Khiêu vũ </li>
</ul> </ol>

Bước 1. Xác định thành phần của văn bản

30. Slide nội dung

• 1 điểm

Bước 2. Tạo tiêu đề

31. Slide nội dung

• 1 điểm

Bước 3. Tạo danh sách không có thứ tự

32. Slide nội dung

• 1 điểm

Bước 4. Tạo danh sách có thứ tự trong mục THỂ THAO

33. Slide nội dung

• 1 điểm

Bước 5. Thực hiện tương tự với mục NGHỆ THUẬT và hoàn thiện danh sách

34. Slide nội dung

• 1 điểm

3. THỰC HÀNH TẠO DANH SÁCH VÀ BẢNG

Nhiệm vụ 2: Tạo bảng

Yêu cầu

Tạo bảng lịch hoạt động của các câu lạc bộ (Hình 9.8)

35. Slide nội dung

• 1 điểm

Gộp ô Dòng tiêu đề của bảng
(rowspan=“2”) (caption)

Gộp ô
Gộp ô (colspan=“5”)
(rowspan=“2”)

Bảng (border=“1”)
(7 hàng và 7 cột)

Bước 1. Xác định các thông số của bảng

36. Slide nội dung

• 1 điểm

Bước 2. Tạo bảng kèm caption

37. Slide nội dung

• 1 điểm

Bước 3. Tạo hai hàng đầu

38. Slide nội dung

• 1 điểm

Bước 4. Tạo các hàng còn lại

39. Slide nội dung

• 1 điểm

LUYỆN TẬP

Sửa lại chương trình trong Hình 9.5a, sử dụng thuộc tính style thay vì
thuộc tính border để tạo viền cho bảng. Sử dụng màu xanh cho viền của ô
hai dòng đầu bảng và sử dụng ba màu đỏ, vàng, xanh cho ba chữ Toán,
Vật lý và Hóa học.

40. Slide nội dung

• 1 điểm

LUYỆN TẬP

Sửa lại chương trình trong Hình 9.5a, sử dụng thuộc tính style thay vì
thuộc tính border để tạo viền cho bảng. Sử dụng màu xanh cho viền của ô
hai dòng đầu bảng và sử dụng ba màu đỏ, vàng, xanh cho ba chữ Toán,
Vật lý và Hóa học.

41. Slide nội dung

• 1 điểm

VẬN DỤNG

Cho trước một bảng dữ liệu cỡ n x 4, mỗi hàng tương ứng với một bộ (họ
tên, điểm Toán, điểm Vật lý, điểm Hóa học). Viết chương trình Python để
tạo ra tệp HTML thực hiện việc vẽ bảng tương tự như Hình 9.5 và bổ
sung dữ liệu vào các hàng phía dưới.

42. Slide nội dung

• 1 điểm

Viết chương trình Python để tạo ra tệp HTML thực hiện việc vẽ bảng

43. Slide nội dung

• 1 điểm

THANK YOU!

Gợi ý cho bạn

43 câu hỏi11 lượt thi

Đề thiTin học - Lớp 12

Giải SBT Tin học 12 Khoa học máy tính Kết nối tri thức Bài 9. Tạo danh sách, Bảng

43 câu hỏi11 lượt thi

Đề thiTin học - Lớp 12

15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 9 có đáp án

43 câu hỏi11 lượt thi

Đề thiTin học - Lớp 12

Giải SGK Tin 12 KNTT Bài 9. Tạo danh sách, bảng có đáp án