Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)

Bài giảng điện tử Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức. Giáo án powerpoint Bài 8: Định dạng văn bản (P2). Giáo án thiết kế theo phong cách hiện đại, nội dung đầy đủ, đẹp mắt, tạo hứng thú học tập cho học sinh. Thầy, cô giáo có thể tham khảo.

Xem: => Giáo án Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức

Click vào ảnh dưới đây để xem 1 phần giáo án rõ nét

Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)

Các tài liệu bổ trợ khác

Xem toàn bộ: Giáo án điện tử khoa học máy tính 12 kết nối tri thức

CHÀO MỪNG CÁC EM

ĐẾN BUỔI HỌC NÀY!

 

BÀI 8: ĐỊNH DẠNG

VĂN BẢN

 

NỘI DUNG BÀI HỌC

1

Thuộc tính thẻ

2

Các thẻ định dạng trình bày văn bản

3

Các thẻ định dạng phông chữ

4

Thực hành định dạng văn bản và phông chữ

 

CÁC THẺ ĐỊNH DẠNG

PHÔNG CHỮ

 

Xác định các dạng đặc biệt của chữ khi trình bày một văn bản

HOẠT ĐỘNG 3

Khi muốn nhấn mạnh vào một nội dung trong văn bản, em thường thấy nội dung đó được viết như thế nào?

 

Xác định các dạng đặc biệt của chữ khi trình bày một văn bản

HOẠT ĐỘNG 3

Khi muốn nhấn mạnh vào một nội dung trong văn bản, em thường thấy nội dung đó được viết như thế nào?

Viết đậm, nghiêng, gạch chân, đánh dấu (highlight),…

 

a) Định dạng kiểu chữ

HTML5 cung cấp những thẻ định dạng kiểu chữ nào?

THẢO LUẬN NHÓM

 

Bảng 8.1. Một số thẻ định dạng kiểu chữ

Kiểu chữThẻVí dụHiển thị trên trình duyệt
Chữ thường <p> Đây là câu chuẩn </p>Đây là câu chuẩn
Chữ đậm<strong>; <b><p> Đây <strong> là câu </strong> chuẩn </p>Đây là câu chuẩn
Chữ nghiêng<em>; <i><p> Đây <em> là câu </em> chuẩn </p>Đây là câu chuẩn
Gạch chân<u><p> Đây <u> là câu </u> chuẩn </p>Đây là câu chuẩn

 

Kiểu chữThẻVí dụHiển thị trên trình duyệt
Đánh dấu<mark><p> Đây <mark> là câu </mark> chuẩn </p>Đây chuẩn
Giảm cỡ chữ<small><p> Đây <small> là câu </small> chuẩn </p>Đây là câu chuẩn
Chỉ số trên hoặc dưới<sup>; <sub><p> Đây <sup> là câu </sup> chuẩn </p>Đây là câu chuẩn
Đánh dấu xóa<del><p> Đây <del> là câu </del> chuẩn </p>Đây là câu chuẩn

là câu

 

a) Định dạng kiểu chữ

LƯU Ý

HTML5 không hỗ trợ thẻ <big> và <u> → thay bằng giá trị font-size và text-decoration trong thuộc tính style.

Các thẻ <strong>, <em> có cùng tác dụng định dạng chữ đậm, nghiêng giống các thẻ <b>, <i> nhưng các thẻ này có ý nghĩa nhấn mạnh vào ngữ nghĩa của nội dung và được khuyến khích sử dụng nhiều hơn trong định dạng văn bản.

 

a) Định dạng kiểu chữ

Ví dụ 2: Trong đoạn mã HTML sau, đoạn thứ nhất nhấn mạnh vào môn học hay là “Tin học”, đoạn thứ hai nhấn mạnh vào mức độ “rất” hay của môn Tin học.

 

  • Thuộc tính nào được sử dụng để định dạng phông chữ?
  • Trong HTML5, các thuộc tính màu sắc, phông chữ, cỡ chữ được xác định như thế nào?

THẢO LUẬN NHÓM

b) Định dạng phông chữ

 

b) Định dạng phông chữ

Sử dụng thuộc tính style để định dạng phông chữ.

Các thuộc tính màu sắc, phông chữ, cỡ chữ được xác định như sau:

  • Màu sắc:
  • Phông chữ:
  • Cỡ chữ:
  • Cách xác định cỡ chữ: dùng số kèm đơn vị (px-pixel, mm, cm,...), cỡ chữ thông dụng (small, medium, large,...).

 

LƯU Ý

Giá trị màu sắc được sử dụng theo tiếng Anh: red, green, blue, grey, yellow, black, brown,... hoặc giá trị màu trong hệ RGB.

Khi muốn thực hiện nhiều định dạng phông đồng thời, ta đặt các cặp tên: giá trị trong phần giá trị của thuộc tính, ngăn cách nhau bởi dấu ";".

b) Định dạng phông chữ

 

Câu hỏi củng cố SGK tr.50

Với cùng một đoạn văn bản, kết quả khi định dạng trong các trường hợp sau giống và khác nhau như thế nào?

Kiểu 1 có cỡ chữ to hơn kiểu 2 (15px so với 10px) và được gạch chân.

 

KẾT LUẬN

• Mỗi kiểu chữ khác nhau như in đậm, in nghiêng, chỉ số trên/dưới,... đều có thẻ tương ứng để điều khiển.

• Để định dạng phông chữ ta sử dụng thuộc tính style trong HTML5.

 

THỰC HÀNH ĐỊNH DẠNG

VĂN BẢN VÀ PHÔNG CHỮ

 

Nhiệm vụ: Viết đoạn mã HTML để trình bày

đoạn văn bản trong Hình 8.3

Hình 8.3. Đoạn văn bản cần trình bày bằng HTML

 

Bước 1: Phân tích thành phần của đoạn văn bản:

• Tiêu đề: Dòng 1, 2, 3. Trong đó dòng 1 ở mức tiêu đề cao hơn.

• Đoạn: 3 đoạn, tương ứng với 3 bước làm.

Lưu ý: Các dòng 7, 8, 9 đều bắt đầu viết trên dòng mới nhưng không là đoạn vì không cách trước và sau như những dòng trên.

Nhiệm vụ: Viết đoạn mã HTML để trình bày

đoạn văn bản trong Hình 8.3

 

Bước 2: Dùng thẻ <h> để viết 3 dòng đầu:

• Sử dụng thẻ <h1> cho dòng 1 và <h2> cho dòng 2, 3 (hoặc <h2> cho dòng 1 và <h3> cho dòng 2, 3).

• Dùng thuộc tính style để thay đổi màu chữ.

• Dùng thẻ <sup> để viết số mũ ở dòng 2:

Nhiệm vụ: Viết đoạn mã HTML để trình bày

đoạn văn bản trong Hình 8.3

---------------------------------------

----------------------Còn tiếp---------------------

Trên chỉ là 1 phần của giáo án. Giáo án khi tải về có đầy đủ nội dung của bài. Đủ nội dung của học kì I + học kì II

Hệ thống có đầy đủ các tài liệu:

  • Giáo án word (350k)
  • Giáo án Powerpoint (400k)
  • Trắc nghiệm theo cấu trúc mới (200k)
  • Đề thi cấu trúc mới: ma trận, đáp án, thang điểm..(200k)
  • Phiếu trắc nghiệm câu trả lời ngắn (200k)
  • Trắc nghiệm đúng sai (200k)
  • Lý thuyết bài học và kiến thức trọng tâm (200k)
  • File word giải bài tập sgk (150k)
  • Phiếu bài tập để học sinh luyện kiến thức (200k)
  • .....

Nâng cấp lên VIP đê tải tất cả ở tài liệu trên

  • Phí nâng cấp VIP: 900k

=> Chỉ gửi 500k. Tải về dùng thực tế. Nếu hài lòng, 1 ngày sau mới gửi phí còn lại

Cách tải hoặc nâng cấp:

  • Bước 1: Chuyển phí vào STK: 1214136868686 - cty Fidutech - MB(QR)
  • Bước 2: Nhắn tin tới Zalo Fidutech - nhấn vào đây để thông báo và nhận tài liệu

Xem toàn bộ: Giáo án điện tử khoa học máy tính 12 kết nối tri thức

ĐẦY ĐỦ GIÁO ÁN CÁC BỘ SÁCH KHÁC

GIÁO ÁN WORD LỚP 12 KẾT NỐI TRI THỨC

Giáo án toán 12 kết nối tri thức
Giáo án đại số 12 kết nối tri thức
Giáo án hình học 12 kết nối tri thức

Giáo án vật lí 12 kết nối tri thức
Giáo án hoá học 12 kết nối tri thức
Giáo án sinh học 12 kết nối tri thức

Giáo án ngữ văn 12 kết nối tri thức
Giáo án lịch sử 12 kết nối tri thức
Giáo án địa lí 12 kết nối tri thức
Giáo án kinh tế pháp luật 12 kết nối tri thức

Giáo án Công nghệ Điện - điện tử 12 kết nối tri thức
Giáo án Công nghệ 12 Lâm nghiệp - Thuỷ sản kết nối tri thức
Giáo án Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức
Giáo án Tin học 12 - Định hướng Tin học ứng dụng kết nối tri thức

Giáo án thể dục 12 bóng rổ kết nối tri thức
Giáo án thể dục 12 cầu lông kết nối tri thức
Giáo án thể dục 12 bóng chuyền kết nối tri thức

Giáo án mĩ thuật 12 kết nối tri thức
Giáo án âm nhạc 12 kết nối tri thức
Giáo án hoạt động trải nghiệm hướng nghiệp 12 kết nối tri thức

GIÁO ÁN POWERPOINT LỚP 12 KẾT NỐI TRI THỨC

Giáo án Powerpoint Toán 12 kết nối tri thức
Giáo án Powerpoint hình học 12 kết nối tri thức
Giáo án Powerpoint đại số 12 kết nối tri thức

Giáo án powerpoint vật lí 12 kết nối tri thức
Giáo án powerpoint ngữ văn 12 kết nối tri thức
Giáo án powerpoint địa lí 12 kết nối tri thức

Giáo án powerpoint lịch sử 12 kết nối tri thức
Giáo án powerpoint địa lí 12 kết nối tri thức
Giáo án Powerpoint Kinh tế pháp luật 12 kết nối tri thức

Giáo án Powerpoint Mĩ thuật 12 kết nối tri thức
Giáo án Powerpoint Tin học 12 - Định hướng Tin học ứng dụng kết nối tri thức
Giáo án Powerpoint Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức

Giáo án powerpoint Công nghệ 12 Điện - điện tử kết nối tri thức
Giáo án powerpoint Công nghệ 12 Lâm nghiệp - Thuỷ sản kết nối tri thức
Giáo án powerpoint hoạt động trải nghiệm hướng nghiệp 12 kết nối tri thức

GIÁO ÁN CHUYÊN ĐỀ LỚP 12 KẾT NỐI TRI THỨC

Giáo án chuyên đề toán 12 kết nối tri thức
Giáo án chuyên đề vật lí 12 kết nối tri thức
Giáo án chuyên đề hoá học 12 kết nối tri thức
Giáo án chuyên đề sinh học 12 kết nối tri thức

Giáo án chuyên đề ngữ văn 12 kết nối tri thức
Giáo án chuyên đề lịch sử 12 kết nối tri thức
Giáo án chuyên đề địa lí 12 kết nối tri thứ
Giáo án chuyên đề kinh tế pháp luật 12 kết nối tri thức

Giáo án chuyên đề Công nghệ 12 Công nghệ điện - điện tử kết nối tri thức
Giáo án chuyên đề Công nghệ 12 Lâm nghiệp - Thuỷ sản kết nối tri thức
Giáo án chuyên đề Tin học 12 - Định hướng Khoa học máy tính kết nối tri thức
Giáo án chuyên đề Tin học 12 - Định hướng Tin học ứng dụng kết nối tri thức

GIÁO ÁN POWERPOINT CHUYÊN ĐỀ LỚP 12 KẾT NỐI TRI THỨC

 

GIÁO ÁN DẠY THÊM LỚP 12 KẾT NỐI TRI THỨC

Giáo án dạy thêm ngữ văn 12 kết nối tri thức
Giáo án powerpoint dạy thêm ngữ văn 12 kết nối tri thức
Giáo án dạy thêm toán 12 kết nối tri thức
Giáo án powerpoint dạy thêm toán 12 kết nối tri thức

Tài liệu giảng dạy

Xem thêm các bài khác

GIÁO ÁN POWERPOINT CHỦ ĐỀ 1. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Giáo án điện tử Khoa học máy tính 12 kết nối Bài 1: Làm quen với Trí tuệ nhân tạo
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 2: Trí tuệ nhân tạo trong khoa học và đời sống

GIÁO ÁN POWERPOINT CHỦ ĐỀ 2. MẠNG MÁY TÍNH VÀ INTERNET

Giáo án điện tử Khoa học máy tính 12 kết nối Bài 3: Một số thiết bị mạng thông dụng
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 3: Một số thiết bị mạng thông dụng (bổ sung)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 4: Giao thức mạng
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 5: Thực hành chia sẻ tài nguyên trên mạng

GIÁO ÁN POWERPOINT CHỦ ĐỀ 3. ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HOÁ TRONG MÔI TRƯỜNG SỐ

Giáo án điện tử Khoa học máy tính 12 kết nối Bài 6: Giao tiếp và ứng xử trong không gian mạng

GIÁO ÁN POWERPOINT CHỦ ĐỀ 4. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

Giáo án điện tử Khoa học máy tính 12 kết nối Bài 7: HTML và cấu trúc trang web
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 8: Định dạng văn bản (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 9: Tạo danh sách, bảng
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 10: Tạo liên kết
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 11: Chèn tập tin đa phương tiện và khung nội tuyến vào trang web
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 12: Tạo biểu mẫu
 
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 13: Khái niệm, vai trò của CSS
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 14: Định dạng văn bản bằng CSS
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 14: Định dạng văn bản bằng CSS (P2)
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 15: Tạo màu cho chữ và nền
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 16: Định dạng khung
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 17: Các mức ưu tiên của bộ chọn
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 18: Thực hành tổng hợp thiết kế trang web

GIÁO ÁN POWERPOINT CHỦ ĐỀ 5. HƯỚNG NGHIỆP VỚI TIN HỌC

Giáo án điện tử Khoa học máy tính 12 kết nối Bài 19: Dịch vụ sửa chữa và bảo trì máy tính
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 20: Nhóm nghề quản trị trong ngành Công nghệ thông tin
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 21: Hội thảo hướng nghiệp

GIÁO ÁN POWERPOINT CHỦ ĐỀ 6. MẠNG MÁY TÍNH VÀ INTERNET

Giáo án điện tử Khoa học máy tính 12 kết nối Bài 22: Tìm hiểu thiết bị mạng
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 23: Đường truyền mạng và ứng dụng
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 24: Sơ bộ về thiết kế mạng

GIÁO ÁN POWERPOINT CHỦ ĐỀ 7. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

Giáo án điện tử Khoa học máy tính 12 kết nối Bài 25: Làm quen với Học máy
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 26: Làm quen với Khoa học dữ liệu
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 27: Máy tính và Khoa học dữ liệu
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 28: Thực hành trải nghiệm trích rút thông tin và tri thức
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 29: Mô phỏng trong giải quyết vấn đề
Giáo án điện tử Khoa học máy tính 12 kết nối Bài 30: Ứng dụng mô phỏng trong giáo dục

Chat hỗ trợ
Chat ngay