search

Hướng dẫn syntax to change text color in html - cú pháp đổi màu chữ trong html

Ngày đăng: 14/11/2022
Trả lời: 0
Lượt xem: 178

Chúng tôi sử dụng thuộc tính kiểu để đặt màu phông chữ trong HTML. Thuộc tính kiểu chỉ định kiểu nội tuyến cho một phần tử, với màu thuộc tính CSS. Thuộc tính được sử dụng với thẻ HTML, với màu thuộc tính CSS. HTML5 không hỗ trợ thẻ, vì vậy kiểu CSS được sử dụng để thêm màu phông chữ. Thẻ không dùng nữa trong HTML5.

Show

Cú pháp

text…

Thí dụ

Trong ví dụ dưới đây, chúng tôi đặt màu phông chữ của văn bản bên trong thẻ.

DOCTYPE html>
<html>
<head>
   <title>HTML Font colortitle>
head>
<body>
   <h2>Productsh2>
   <p style="color:blue">This is demo content.p>
body>
html>

Thí dụ

Trong ví dụ dưới đây, chúng tôi đặt màu phông chữ của văn bản bên trong thẻ.

DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
   style>
<h2 style="color: azure">HTML Articlesh2>
head>
<body>
body>
html>

HTML Font color

Products

This is demo content.

Sau đây là chương trình ví dụ để đặt màu phông chữ trong HTML.

DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
      h2{
         color: cyan;
      }
   style>
   <h2>HTML Articlesh2>
head>
<body>
body>
html>

Hướng dẫn syntax to change text color in html - cú pháp đổi màu chữ trong html

Ví dụ: Chỉ định phong cách nội bộ

  • Chúng tôi cũng có thể chỉ định kiểu bên trong cho một phần tử, với màu thuộc tính CSS để đặt màu phông chữ trong HTML. Sau đây là chương trình ví dụ cho Bảng kiểu nội bộ để đặt màu phông chữ trong HTML.
  • Cập nhật vào ngày 11 tháng 11 năm 2022 08:55:47
  • Câu hỏi và câu trả lời liên quan
  • Làm thế nào để đặt văn bản gia đình phông chữ trong HTML?
  • Làm thế nào để đặt màu nền trong HTML?
  • Làm thế nào để chúng ta đặt phông chữ văn bản trong HTML?
  • Cách đặt mặt phông chữ, kiểu, kích thước và màu sắc cho văn bản jtextpane trong java
  • Làm thế nào để thay đổi màu phông chữ của TextView trong Android?
  • Làm thế nào để thay đổi kích thước phông chữ trong HTML?
  • Làm thế nào để thay đổi phông chữ văn bản trong HTML?
  • Làm thế nào để sử dụng phông chữ nhỏ trong HTML?
  • Làm thế nào để thay đổi màu sắc và phông chữ của Android ListView?
  • Làm thế nào để đặt phông chữ cho văn bản trong tkinter?
  • Làm thế nào để đặt phông chữ thành nút văn bản trong javafx?
  • Làm thế nào để thay đổi màu tiền cảnh hoặc màu phông chữ của bảng điều khiển bằng PowerShell?
  • Làm thế nào để thay đổi màu nền của phông chữ trong PowerShell?

2. Sử dụng thuộc tính kiểu nội tuyến

  1. Nếu chúng ta muốn thay đổi màu của một văn bản bằng thuộc tính kiểu nội tuyến sẽ được hiển thị trên trang web, chúng ta phải làm theo các bước được đưa ra dưới đây. Sử dụng các bước này, chúng ta có thể dễ dàng thay đổi màu của văn bản.
  2. Bước 1: Trước hết, chúng tôi phải nhập mã HTML trong bất kỳ trình soạn thảo văn bản nào hoặc mở tệp HTML hiện có trong trình soạn thảo văn bản trong đó chúng tôi muốn sử dụng thuộc tính kiểu để thay đổi màu của văn bản.
  3. Bước 2: Bây giờ, di chuyển con trỏ khi bắt đầu văn bản đó mà chúng ta muốn thay đổi. Và sau đó, nhập thuộc tính kiểu nội tuyến trong bất kỳ yếu tố nào. Ở đây, chúng tôi sử dụng thẻ (đoạn):

Bước 3: Trong bước này, chúng ta phải đặt tên màu như một giá trị. Chúng ta có thể đặt tên màu dưới ba hình thức:

Chúng ta có thể nhập tên của một màu

Chúng ta cũng có thể nhập giá trị RGB của một màu

Chúng ta cũng có thể nhập giá trị thập lục phân của một màu. Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to use the Html tag.

Bước 4: Sau đó, chúng ta phải đóng phần tử ở cuối văn bản mà màu sắc chúng ta muốn thay đổi. Now, move the cursor at the starting of that text whose color we want to change. And then, type the empty Html tag at that position.

Bước 3: Sau đó, chúng ta phải đóng thẻ phông chữ ở cuối văn bản mà chúng ta muốn thay đổi. Then, we have to close the font tag at the end of the text whose color we want to change.

Bước 4: Bây giờ, chúng ta phải thêm thuộc tính của thẻ phông chữ có tên là "màu". Vì vậy, nhập thuộc tính màu trong thẻ bắt đầu. Và, sau đó chúng ta phải đưa ra màu sắc mà chúng ta muốn sử dụng trên văn bản. Vì vậy, nhập tên màu trong thuộc tính màu như được mô tả trong khối sau. Now, we have to add the attribute of the font tag whose name is "color". So, type the color attribute within the starting tag. And, then we have to give the color which we want to use on the text. So, type the name of color in the color attribute as described in the following block.

Kiểm tra nó ngay bây giờ

Bước 5: Và cuối cùng, chúng ta phải lưu mã HTML trong trình soạn thảo văn bản và chạy mã. Sau khi thực hiện, chúng ta sẽ thấy đầu ra trong trình duyệt. Ảnh chụp màn hình sau đây cho thấy đầu ra của mã HTML ở trên: And, at last, we have to save the Html code in the text editor and run the code. After execution, we will see the output in the browser. The following screenshot shows the output of the above Html Code:

Hướng dẫn syntax to change text color in html - cú pháp đổi màu chữ trong html

2. Sử dụng thuộc tính kiểu nội tuyến

Nếu chúng ta muốn thay đổi màu của một văn bản bằng thuộc tính kiểu nội tuyến sẽ được hiển thị trên trang web, chúng ta phải làm theo các bước được đưa ra dưới đây. Sử dụng các bước này, chúng ta có thể dễ dàng thay đổi màu của văn bản.

Bước 1: Trước hết, chúng tôi phải nhập mã HTML trong bất kỳ trình soạn thảo văn bản nào hoặc mở tệp HTML hiện có trong trình soạn thảo văn bản trong đó chúng tôi muốn sử dụng thuộc tính kiểu để thay đổi màu của văn bản. Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to use the style attribute for changing the color of a text.

Bước 2: Bây giờ, di chuyển con trỏ khi bắt đầu văn bản đó mà chúng ta muốn thay đổi. Và sau đó, nhập thuộc tính kiểu nội tuyến trong bất kỳ yếu tố nào. Ở đây, chúng tôi sử dụng thẻ (đoạn): Now, move the cursor at the starting of that text whose color we want to change. And then, type the inline style attribute within any element. Here, we use the

(paragraph) tag:

Bước 3: Trong bước này, chúng ta phải đặt tên màu như một giá trị. Chúng ta có thể đặt tên màu dưới ba hình thức: In this step, we have to give a name of color as a value. We can give the color name in three forms:

  1. Chúng ta có thể nhập tên của một màu
  2. Chúng ta cũng có thể nhập giá trị RGB của một màu
  3. Chúng ta cũng có thể nhập giá trị thập lục phân của một màu.

Bước 4: Sau đó, chúng ta phải đóng phần tử ở cuối văn bản mà màu sắc chúng ta muốn thay đổi. Then, we have to close the element at the end of the text whose color we want to change.

Bước 4: Và cuối cùng, lưu mã HTML thay đổi màu văn bản bằng thuộc tính kiểu CSS. And, at last, save the Html code which changes the text color using the CSS style attribute.

Kiểm tra nó ngay bây giờ

Đầu ra của mã trên được hiển thị trong ảnh chụp màn hình sau:

Hướng dẫn syntax to change text color in html - cú pháp đổi màu chữ trong html

2. Sử dụng CSS nội bộ

Nếu chúng ta muốn thay đổi màu của văn bản bằng cách sử dụng bảng kiểu xếp tầng bên trong sẽ được hiển thị trên trang web, chúng ta phải làm theo các bước được đưa ra dưới đây. Sử dụng các bước này, chúng ta có thể dễ dàng thay đổi màu của văn bản.

Bước 1: Trước hết, chúng tôi phải nhập mã HTML trong bất kỳ trình soạn thảo văn bản nào hoặc mở tệp HTML hiện có trong trình soạn thảo văn bản trong đó chúng tôi muốn sử dụng CSS nội bộ để thay đổi màu của văn bản. Firstly, we have to type the Html code in any text editor or open the existing Html file in the text editor in which we want to use the internal CSS for changing the color of a text.

Bước 2: Bây giờ, chúng ta phải đặt con trỏ vào thẻ đầu của tài liệu HTML và sau đó xác định các kiểu bên trong thẻ như được hiển thị trong khối sau. Và, sau đó nhập thuộc tính màu vào bộ chọn phần tử. Now, we have to place the cursor in the head tag of the Html document and then define the styles inside the