Video giảng tin học ứng dụng 12 kết nối bài 8: Định dạng văn bản

Tóm lược nội dung

BÀI 8: ĐỊNH DẠNG VĂN BẢN

Xin chào các em, cô là người sẽ đồng hành cùng các em trong buổi học ngày hôm nay!

Thông qua video này, các em sẽ nắm được các kiến thức và kĩ năng như sau:

• Sử dụng được thẻ HTML để định dạng văn bản, phông chữ.

A. KHỞI ĐỘNG

Trước khi bắt đầu bài học, chúng ta hãy cùng nhau trả lời câu hỏi sau nhé:

Cho hai đoạn văn bản như Hình 8.1. Các định dạng đoạn văn bản nào đẹp hơn? Tại sao?

Một văn bản được trình bày đúng quy cách và đẹp mắt sẽ thu hút người xem tập trung vào các nội dung quan trọng. Vậy để biết cách sử dụng các thẻ HTML để trình bày văn bản, chúng ta sẽ cùng nhau đến với Bài 8: Định dạng văn bản.

B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨC

Nội dung 1. Thuộc tính thẻ

Trình bày cách nhận biết thuộc tính thẻ?

Video trình bày nội dung:

- Thẻ có thể có hoặc không có thuộc tính.

- Tác dụng: bổ sung thông tin, làm rõ các điều khiển được thẻ chỉ định.

- Cách khai báo:

- Vị trí: Thuộc tính nằm trong thẻ bắt đầu (không nằm trong thẻ kết thúc), sau tên thẻ.

- Một thẻ có thể có nhiều thuộc tính được ngăn cách bởi dấu cách.

- Một trong những thuộc tính được sử dụng thường xuyên nhất là thuộc tính style, dùng để thiết lập định dạng văn bản như chọn màu sắc, phông chữ, cỡ chữ, kiểu chữ, căn lề, tạo khung,... cho một phần tử HTML.

Nội dung 2. Các thẻ định danh trình bày văn bản

Trình bày các thẻ định danh khi trình bày văn bản?

Video trình bày nội dung:

- Một văn bản thông thường được tạo bởi hai thành phần cơ bản là tiêu đề và các đoạn văn bản. Tiêu đề được định dạng bởi thẻ <hx>, có 6 mức tiêu đề từ <h1> đến <h6>. Đoạn văn bản được định dạng bởi thẻ <p>. Khối là một phần tử chứa nhiều loại dữ liệu, được định nghĩa bởi thẻ <div> và <span>.

Nội dung 3. Các thẻ định dạng phông chữ

GV tổ chức cho HS tìm hiểu hoạt động và trình bày các thẻ định dạng phông chữ?

Video trình bày nội dung:

- Định dạng kiểu chữ: 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.

- Định dạng phông chữ: sử dụng thuộc tính style. 

Nội dung 4. Thực hành định dạng văn bản và phông chữ

Trình bày cách viết mã HTML để trình bày đoạn văn bản trong Hình 8.3?

Video trình bày nội dung:

- Bước 1: Đoạn văn bản bao gồm:

+ Tiêu đề: Dòng 1, 2, 3. 

+ Đoạn: 3 đoạn.

- Bước 2: Viết được 3 dòng tiêu đề.

- Bước 3: Viết được 3 đoạn bên dưới.

...........

Nội dung video Bài 8: Định dạng văn bản còn nhiều phần rất hấp dẫn và thú vị. Hãy cùng đăng kí để tham gia học bài và củng cố kiến thức thông qua hoạt động luyện tập và vận dụng trong video.