Các Font trong HTML
Các font đóng vai trò rất quan trọng trong việc tạo ra một Website thân thiện với người sử dụng, giúp họ dễ theo dõi nội dung hơn. Bề mặt và màu font phụ thuộc hoàn toàn vào máy tính và trình duyệt được sử dụng để quan sát trang web nhưng bạn có thể sử dụng thẻ HTML để thêm kiểu, kích cỡ và màu cho văn bản trên web. Bạn cũng có thể sử dụng thẻ
Thẻ font có 3 thuộc tính là size, color, face để xác định font. Để thay đổi bất kỳ thuộc tính font nào tại bất kỳ thời gian nào trong trang web của bạn, bạn sử dụng thẻ . Văn bản sẽ giữ nguyên cho đến khi bạn đóng thẻ với . Với thẻ , bạn có thể thay đổi một hoặc tất cả thuộc tính của nó.
Ghi chú: Hai thẻ font và basefont là thẻ cũ và chúng đang được cho rằng sẽ bị thay đổi trong các phiên bản mới của HTML. Vì thế bạn không nên sử dụng chúng nhiều, chúng tôi đề nghị bạn nên sử dụng các kiểu CSS để xác định font cho mình. Nhưng vì mục đích học tập, chương này chúng tôi vẫn giải thích chi tiết các thẻ này.
Thiết lập kích cỡ Font trong HTML
Bạn sử dụng thuộc tính size để thiết lập kích cỡ cho nội dung. Dãy giá trị được chấp nhận là từ 1 (nhỏ nhất) đến 7 (lớn nhất). Cỡ mặc định cho font là 3.
Ví dụ:
Thiet lap kich co font trong HTML Font size="1"
Font size="2"
Font size="3"
Font size="4"
Font size="5"
Font size="6"
Font size="7"
Nó sẽ cho kết quả sau:
Font size="2"
Font size="3"
Font size="4"
Font size="5"
Font size="6"
Font size="7"
Xác định kích cỡ font dựa vào kích cỡ Font hiện tại
Bạn có thể xác định cỡ lớn hơn hay nhỏ hơn bao nhiêu so với cỡ hiện tại. Bạn sử dụng hoặc
Ví dụ
Xac dinh kich co font trong HTML Font size="-1"
Font size="+1"
Font size="+2"
Font size="+3"
Font size="+4"
Đoạn code trên sẽ cho kết quả là:
Font size="+1"
Font size="+2"
Font size="+3"
Font size="+4"
Thiết lập bề mặt Font trong HTML - Font Face trong HTML
Bạn có thể thiết lập bề mặt font bằng cách sử dụng thuộc tính face nhưng bạn cần phải biết rằng nếu người sử dụng trang mà chưa chạy cài đặt font, họ sẽ không thể nhìn thấy nó. Và người dùng sẽ chỉ nhìn thấy bề mặt font mặc định áp dụng cho máy của họ.
Ví dụ
Font Face trong HTML Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
Nó sẽ cho kết quả sau:
Verdana
Comic Sans MS
WildWest
Bedrock
Thiết lập danh sách Font Face trong HTML
Một người dùng sẽ chỉ có thể nhìn thấy font của bạn nếu họ đã cài đặt font đó trong máy. Vì thế, bạn có thể xác định các bề mặt font xen kẽ nhau bằng cách liệt kê các tên bề mặt font, phân biệt bằng dấu phảy.
Khi trang web của bạn được tải, trình duyệt của khách sử dụng sẽ hiện thị bề mặt font đầu tiên. Nếu không có font nào được cài đặt, nó sẽ hiển thị bề mặt font mặc định là Times New Roman.
Ghi chú: Kiểm tra danh sách đầy đủ của Một số Standard Font trong HTML.
Thiết lập màu Font trong HTML
Bạn có thể thiết lập màu cho font bằng cách sử dụng thuộc tính color. Bạn có thể xác định màu mà bạn muốn bằng cách sử dụng tên màu hoặc mã thập lục phân của màu.
Ghi chú: Kiểm tra danh sách đầy đủ của Màu và mã màu trong HTML.
Ví dụ
Thiet lap mau font trong HTML Phan van ban nay co mau hong.
Phan van ban nay co mau do.
Nó sẽ cho kết quả sau:
Phan van ban nay co mau do.
Phần tử trong HTML
Phần tử
Thẻ
Ví dụ
Thiet lap mau boi su dung basefont Day la font mac dinh cua trang.
Vi du phan tu <basefont>
Vi du cac thiet lap boi su dung phan tu font.
Vi du courier font.
Nó sẽ cho kết quả sau:
Day la font mac dinh cua trang.
Vi du phan tu
Vi du cac thiet lap boi su dung phan tu font.
Vi du courier font.
Bài học HTML phổ biến khác tại hoconline.club: