Cách sử dụng thẻ màu phông chữ trong HTML

NộI Dung

• giai đoạn
• Phương pháp 1 Sử dụng thẻ HTML
• Phương pháp 2 Sử dụng CSS trong thẻ

Thẻ phông chữ HTML hiện đã lỗi thời và các nhà phát triển chuyên nghiệp nên tránh sử dụng nó. Mặc dù rất đơn giản để thay đổi màu của phông chữ trên một dự án cá nhân, không có gì đảm bảo rằng nó sẽ tiếp tục hoạt động khi cập nhật trình duyệt web. Để có kết quả tốt nhất, bạn nên sử dụng phương pháp với CSS.

giai đoạn

Phương pháp 1 Sử dụng thẻ HTML

1. 
   

   
   Tạo thẻ phông chữ. Đặt thẻ Trước mặt bạn muốn tô màu. Đóng nó bằng cách đặt vào cuối e.
   • Ví dụ:
     Tôi muốn cái này có màu xanh

2. 
   

   
   Thêm thuộc tính cho màu sắc. thêm vào màu = "" bên trong thẻ mở. Sau đó, bạn phải đặt màu của sự lựa chọn của bạn trong dấu ngoặc kép (bằng tiếng Anh).
   • Ví dụ:
     Tôi muốn cái này có màu xanh

3. 
   

   
   
   
   Chọn tên của màu. Nó luôn luôn là một từ đơn giản trong tiếng Anh, không có không gian. Hãy thử các tên đơn giản như "xanh dương", "đỏ" hoặc một cái gì đó cụ thể hơn như "lightblue" (xanh đậm) hoặc "darkblue" (xanh đậm). Để có thêm sự lựa chọn, hãy tìm một danh sách các tên màu được chấp nhận như maroon, Steelblue và vôi.
   • Ví dụ:
     Tôi muốn cái này có màu xanh

4. 
   

   
   Sử dụng mã thập lục phân thay thế. HTML cho phép bạn chọn từ hàng triệu màu, nhưng không phải lúc nào cũng có tên cho chúng. Thay vào đó, bạn sẽ sử dụng mã gồm sáu chữ số trong một hệ thống gọi là thập lục phân. Có nhiều trang web cung cấp danh sách mã thập lục phân cho màu sắc, hoặc thậm chí bạn có thể chọn màu trực tiếp trên màn hình của mình để lấy mã. Số bắt đầu bằng ký hiệu # theo sau là sáu chữ số bao gồm các chữ số từ 0 đến 9 và chữ d đến F.
   • Mã # FF0000 giống với màu đỏ được đánh dấu "đỏ".
   • Mã này tạo ra một màu xanh lá cây.
   • Mã này làm cho e màu xanh lam.

5. 
   

   
   
   
   Chơi với các giá trị RGB. Bạn không cần phải biết mã màu thập lục phân hoạt động như thế nào để chọn màu bạn thích trên bảng màu bạn tìm thấy trên Internet. Tuy nhiên, nếu bạn muốn thực hiện một vài thử nghiệm, bạn phải bắt đầu với những điều cơ bản.
   • Mỗi số có sáu chữ số được chia thành các giá trị cho đỏ, lục và lam (hoặc "RGB" cho "đỏ, lục, lam"). Ví dụ: mã # FF0000 thực sự có nghĩa là "đỏ: FF, xanh lá cây: 00, xanh lam: 00".
   • Để thay đổi số lượng màu đỏ, thay đổi hai chữ số đầu tiên. Bạn có thể sử dụng một giá trị trong khoảng từ 00 (hoàn toàn không có màu đỏ) và 99 (một chút màu đỏ) và giữa AA (thêm một chút màu đỏ) và FF (tối đa màu đỏ).
   • Sử dụng cùng một hệ thống để thay đổi giá trị của màu xanh lá cây (hai chữ số ở giữa) và màu xanh lam (hai chữ số cuối).

6. 
   

   
   Hiểu mã theo chiều sâu. Để có được lựa chọn màu chính xác hơn, bạn cần hiểu hai khái niệm khác.
   • Mỗi trong ba giá trị này được tạo thành một số có hai chữ số. Để thực hiện các chỉnh sửa nhỏ, bạn có thể thay đổi chữ số thứ hai. Ví dụ: #850000 và #890000 rất giống nhau nhưng # A50000 rõ ràng hơn nhiều.
   • Các giá trị RGB được trộn trên cơ sở hệ thống tổng hợp màu phụ gia. Màu đỏ và màu xanh lá cây vàng, màu xanh và màu xanh lá cây làm cho cyan và màu đỏ và màu xanh làm cho sắc đỏ sậm .

Phương pháp 2 Sử dụng CSS trong thẻ

1. 
   

   
   Chèn thuộc tính "style" trong thẻ. Thuộc tính này cho phép bạn đặt CSS trực tiếp vào thẻ HTML. Đó là một cách đơn giản để thay đổi màu ngay cả khi bạn không biết CSS. Hãy thử đặt nó vào một trong các thẻ sau:

   • thẻ p bao quanh một đoạn với e

   • thẻ đã bao quanh một liên kết
   • sử dụng thẻ span để thay đổi màu của một phần của e mà không thay đổi định dạng

2. 
   

   
   Chỉ ra màu sắc. Chèn màu: theo sau là tên của màu hoặc mã thập lục phân bên trong dấu ngoặc kép. Để biết thêm thông tin về tên màu, xem các ví dụ trong phương pháp trước.
   • Các e bây giờ màu đỏ.
   • Đây là mã cho màu xanh ô liu sẫm.
   • CSS hỗ trợ mã màu rút ngắn ba chữ số. Mã 745 là tên viết tắt của 774455.

3. 
   

   
   Sử dụng các lớp CSS. Nếu bạn muốn áp dụng cùng một kiểu cho tất cả các ảnh hoặc tất cả các tiêu đề chương, bạn không cần phải lặp lại cùng một mã mỗi lần. Thay vào đó, bạn có thể định nghĩa một lớp trong tiêu đề của tài liệu để bạn có thể tham khảo nó sau này bất cứ khi nào bạn muốn áp dụng cùng một kiểu. Dưới đây là một ví dụ để hiển thị một số cách sử dụng thuộc tính "style".
   • Trong phần của trang HTML của bạn, sao chép mã sau đây:
     
   • Trong phần thân của cùng một tài liệu, sử dụng thuộc tính để thêm phong cách này vào các mục. Ví dụ:

     đoạn này

     sẽ xuất hiện với màu xanh đậm với phông chữ Cursive rộng.
   • Biết rằng bạn không phải gọi lớp của bạn là "ưa thích", bạn có thể đặt cho nó tên bạn muốn.