Cách tạo liên kết nhiều màu trong HTML
Có một số cách khác nhau để tạo liên kết nhiều màu trên một trang web. Tuy nhiên, đối với bất kỳ ai muốn thực hiện việc này theo cách thích hợp, chúng tôi khuyên bạn nên sử dụng giải pháp CSS, vì thẻ phông chữ không được dùng trong HTML5.
Giải pháp lớp CSS
Để tạo liên kết nhiều màu bằng CSS, hãy làm theo các bước sau.
Mã số
Phương pháp đầu tiên và đúng đắn nhất để tạo liên kết nhiều màu là sử dụng CSS để xác định màu của bạn và sau đó sử dụng chúng trong liên kết thực. Trong ví dụ mã bên dưới, bạn sẽ đặt mã CSS bên dưới vào phần
của trang web và xác định hai tên màu và màu sắc bằng cách sử dụng mã màu HTML.<style type="text/css"> .blue {color: #00f;} .green {color: #008000;} </style>
Tiếp theo, là một liên kết chứa thẻ span sử dụng các màu do CSS định nghĩa ở trên.
<a href="https://www.computerhope.com/"><span class="green">Computer</span><span class="blue">Hope</span></a>
Thí dụ
Máy vi tính Mong
Thuộc tính phong cách
Một phương pháp khác để tạo liên kết nhiều màu là sử dụng thuộc tính style trên một thẻ, chẳng hạn như thẻ span. Tuy nhiên, chúng tôi vẫn đề xuất giải pháp trên vì một khi CSS được tạo, nó có thể được sử dụng nhiều lần trên toàn trang và yêu cầu ít mã hơn.
<a href="/"><span style="color:#008000">Computer</span> <span style="color:#00f">Hope</span></a>
Thí dụ
Máy vi tính Mong
Giải pháp thẻ phông chữ HTML
Sử dụng thẻ là một phương pháp khác để tạo liên kết nhiều màu. Tuy nhiên, thẻ phông chữ không được dùng trong HTML hiện đại. Do đó, chúng tôi khuyên bạn chỉ nên sử dụng giải pháp này nếu CSS không có sẵn.
Mã số
<a href="https://www.computerhope.com/"><font color="green">Computer</font><font color="blue">Hope</font></a>
Thí dụ
Máy vi tính Mong