Định dạng Font chữ, màu chữ, cỡ chữ trong HTML

Hôm nay chúng ta sẽ tìm hiểu cách điều chỉnh Font chữ, màu chữ và cỡ chữ sao cho phù hợp với nội dung của trang web, cũng như làm nổi bật một số từ khóa hay nội dung quan trọng của bài viết. Và trong bài này, chúng ta sẽ thao tác chủ yếu với tag ... .

I-Font chữ: tag

 tags dùng để khai báo font chữ, màu chữ và cỡ chữ sử dụng trong đoạn văn bản hay tiêu đề, hay một đoạn trích dẫn... Khi khai báo phải kèm theo thuộc tính và giá trị của nó.

Cú pháp:

 

Trong đó:

:khai báo font tag sẽ được dùng.
Thuộc tính: Có 3 thuộc tính là: color, face và size.
:tag đóng.

Ví dụ:

P { margin-bottom: 0.08in; direction: ltr; color: rgb(0, 0, 0); widows: 2; orphans: 2; }P.western { font-family: "Times New Roman",serif; font-size: 12pt; }P.cjk { font-family: "Times New Roman",serif; font-size: 12pt; }P.ctl { font-family: "Times New Roman",serif; font-size: 12pt; }A:link { color: rgb(0, 0, 255); }
II-Giá trị màu, font chữ và kích thước chữ của: tag 1-Giá trị màu:

Có hai cách khai báo màu phổ biến đó là:

a-Sử dụng tên màu: gồm 16 tên. Khai báo như sau:

Màu aqua
Màu black
Màu blue
Màu fuchsia
Màu gray
Màu green
Màu lime
Màu maroon
Màu navy
Màu olive
Màu purple
Màu red
Màu silver
Màu teal
Màu white (trắng)
Màu yellow

b-Sử dụng giá trị Hexadecimal: Cách khai báo: Luôn bắt đầu bằng dấu #.

Dưới đây là ví dụ biểu diễn một số tên màu bằng giá trị Hex. Để có thêm nhiều màu bạn cần tham khảo Bảng màu.

Ví dụ:

Màu black
Màu blue

Màu green
Màu red
Màu white
Màu yellow

2-Font chữ:

3 Font chữ Unicode hỗ trợ dấu tiếng Việt cho Web phổ biến là: arial, verdana và tahoma. Dùng bộ gõ hỗ trợ Unicode như Unikey và chọn lưu file là Unicode UTF-8 thì trình duyệt sẽ hiển thị dấu Tiếng Việt.
Khai báo như sau:

Font tahoma
Font arial
Font verdana

3-Cỡ chữ:

Cỡ 5px
Cỡ rất lớn
Cỡ vừa

III-Bài thực hành:

Mở Notepad và gõ vào bài thực hành sau:

<html>
<head>
<title>Fotmat_font</title>
</head>
<body>
<h2 align="center">Bài thực hành số 2</h2>
Với font
tags , chúng ta có thể chọn được màu cho chữ,
kích thước cho font chữ như chữ rất nhỏ, chữ font face verdana.
</body>
</html>

Lưu bài thực hành với tên format_font.html, Encoding là UTF-8. Mở Internet Explorer và Open file này để xem kết quả.

Tags:

HTML

Blog Designer

Hãy cho đi rồi sẽ nhận lại nhiều hơn thế

Đã có nhiều lúc tôi không biết mình sẽ làm được gì ??? Nhưng hãy cứ tin vào chính bản thân mình, tin vào mọi người và đừng để con tim bạn lạc lối. Bạn và tôi sẽ tìm ra được đâu là đích đến để mình biết đường đi.Nếu bạn cần một người bạn, đừng ngại kết bạn với tôi.

Thư Viện Đồ Họa: www.izdesigner.com

Kết nối với tôi:
Rss
Facebook
Twitter
Google+