tăng kích thước phông chữ của văn bản siêu liên kết html

Question

Tôi đang làm việc trên ứng dụng web nơi tôi đã chụp href. Nhưng phông chữ mặc định của nó quá nhỏ khi so sánh với trang. Vì vậy, tôi muốn tăng kích thước của phông chữ.

tôi nhìn trang đầu ra như dưới đây:

Tôi đã thử bằng cỡ chữ cho thẻ neo nhưng nó không hiển thị bất kỳ hiệu ứng sau thẻ phông chữ.

Mã Tôi đã thử là:

<font size="100px"><a href="selectTopic?html" style="text-decoration: none">HTML 5</a></font> 

Vậy làm thế nào tôi có thể thay đổi kích thước phông chữ?

Answer 1

Bạn có thể làm như thế này:

a {font-size: 100px} 

Cố gắng tránh sử dụng thẻ font vì nó phản đối. Sử dụng CSS như trên thay thế. Bạn có thể cung cấp cho lớp học của bạn một lớp cụ thể và áp dụng bất kỳ phong cách nào cho họ.

Answer 2

bạn có thể thêm lớp trong thẻ neo cũng thích bên dưới

.a_class {font-size: 100px} 

Answer 3

thẻ font của bạn là không đúng, vì vậy nó sẽ không làm việc trong một số trình duyệt. Đơn vị px được sử dụng với CSS, không phải thuộc tính HTML. Thẻ phông chữ sẽ trông giống như sau:

<font size="100"> 

Vâng, thực ra nó không nên ở đó chút nào. Thẻ font bị phản đối, bạn nên sử dụng CSS để định dạng nội dung, như bạn làm đã với text-decoration:

<a href="selectTopic?html" style="font-size: 100px; text-decoration: none">HTML 5</a> 

Để tách các nội dung từ các phong cách, bạn nên làm việc quá trình hướng tới việc đưa CSS trong một phong cách trang tính chứ không phải là thuộc tính nội tuyến style. Bằng cách đó, bạn có thể áp dụng một kiểu cho nhiều phần tử mà không phải đặt cùng thuộc tính style vào tất cả các phần tử đó.

Ví dụ:

<a href="selectTopic?html" class="topic">HTML 5</a> 

CSS:

.topic { font-size: 100px; text-decoration: none; }