Sách giáo khoa Tin học 12

Giải Vận dụng 1 trang 52 SGK Tin học 12

Bài 9. Tạo trang web, thử nghiệm và tối ưu hoá (HTML, định dạng văn bản)   Đã kiểm

Đề bài

Hãy chỉ ra các bước cần thực hiện để sử dụng một màu cụ thể trong bức ảnh làm màu cho tiêu đề một bài thơ.

Lời giải

Để sử dụng một màu cụ thể lấy từ bức ảnh làm màu cho tiêu đề một bài thơ (trình bày bằng HTML/CSS), ta thực hiện theo ba bước sau:

Bước 1: Lấy mã màu từ bức ảnh

Mở bức ảnh bằng một phần mềm đồ họa có công cụ lấy màu (ví dụ: Paint, Paint.NET, GIMP, hoặc công cụ Lấy màu trong các ứng dụng chỉnh sửa ảnh). Chọn công cụ Eyedropper (ống hút màu / lấy màu), rồi nháy chuột vào đúng vị trí có màu mong muốn trên bức ảnh. Phần mềm sẽ hiển thị mã màu của điểm ảnh đó. Ghi lại mã màu này, thường ở một trong hai dạng:
- Mã HEX: ví dụ `#4A90D9`
- Giá trị RGB: ví dụ `rgb(74, 144, 217)`

Bước 2: Gán mã màu đó cho tiêu đề bài thơ trong trang HTML

Mở tệp HTML chứa bài thơ, tìm thẻ đóng vai trò tiêu đề (chẳng hạn `<h1>`, `<h2>`, … hoặc một thẻ `<p>` dùng làm tiêu đề). Dùng thuộc tính CSS `color` để gán giá trị mã màu vừa lấy. Có thể viết trực tiếp trong thuộc tính `style` của thẻ:

```html
<h1 style="color: #4A90D9;">Tên bài thơ</h1>
```

hoặc khai báo trong phần `<style>` ở `<head>`:

```html
<style>
h1 { color: #4A90D9; }
</style>
```

Bước 3: Mở tệp và kiểm tra kết quả trên trình duyệt

Lưu tệp HTML rồi mở bằng trình duyệt web. Quan sát màu của tiêu đề bài thơ và so sánh với màu trong ảnh gốc để xác nhận màu đã được áp dụng đúng. Nếu chưa khớp, kiểm tra lại mã màu đã nhập ở Bước 2.

Đáp số

Ba bước: (1) Dùng công cụ Eyedropper trong phần mềm đồ họa để lấy màu trong ảnh, ghi lại mã màu HEX hoặc RGB; (2) Gán mã màu đó cho thuộc tính CSS color của thẻ tiêu đề trong tệp HTML; (3) Mở tệp HTML trên trình duyệt để kiểm tra màu tiêu đề.

Lời giải do Thư viện nhà trường biên soạn, giải và kiểm chéo độc lập theo SGK 2026-2027.