![]() |
Bạn muốn viết một trang Web?
Bài 4. Thay đổi kiểu chữ |
Thông thường font chữ dùng để hiển thị trang Web được lựa chọn sẵn trong web browser. Nhưng bạn cũng có thể buộc browser phải dùng đúng font chữ do bạn quy định, tất nhiên với điều kiện là máy tính dùng để coi trang Web của bạn phải có font chữ đó.
Để quy định một font chữ dùng trên toàn bộ trang Web của mình, bạn có thể dùng tag <BASEFONT>. Hãy mở trang khuon.html trong Notepad và thêm phần text có màu đỏ sau:
<BODY BGCOLOR="#FFFFCC">
<BASEFONT FACE="ARIAL">
Chao cac ban !<BR>
Chuc mung cac ban den voi trang Web cua toi !
</BODY>
Save thay đổi trên vào trang04.html và mở nó trong Internet Explorer bạn sẽ thấy:
![]() Chuc mung cac ban den voi trang Web cua toi ! |
Chúng ta đã dùng tag <BASEFONT> với attribute là FACE="ARIAL" để định loại font là Arial.
Nếu máy tính bạn đang dùng không có font Arial thì browser sẽ dùng font chữ đã được quy định trong cấu hình của nó để hiển thị trang Web. Để thấy được tác dụng của tag <BASEFONT> bạn nên chọn một font có sẵn trên máy bạn đang dùng.
Ngoài ra bạn chú ý là tag <BASEFONT> chỉ đứng một mình chứ không có tag kết thúc.
Bạn cũng có thể quy định cỡ chữ trong <BASEFONT> với attribute SIZE="n", trong đó n là một số nguyên trong khoảng từ 1 cho đến 7, còn nếu bạn không định rõ cỡ chữ thì browser sẽ tự động dùng cỡ chữ là 3.
<BODY BGCOLOR="#FFFFCC">
<BASEFONT FACE="ARIAL" SIZE="4">
Chao cac ban !<BR>
Chuc mung cac ban den voi trang Web cua toi !
</BODY>
![]() Chuc mung cac ban den voi trang Web cua toi ! |
Trong <BASEFONT> còn có attribute COLOR="#nnnnnn", trong đó #nnnnnn là mã số màu, dùng để định màu chữ trong trang Web.
<BODY BGCOLOR="#FFFFCC">
<BASEFONT FACE="ARIAL" SIZE="4" COLOR="#339900">
Chao cac ban !<BR>
Chuc mung cac ban den voi trang Web cua toi !
</BODY>
![]() Chuc mung cac ban den voi trang Web cua toi ! |
Tag <BASEFONT> quy định kiểu chữ dùng trong cả trang Web. Tuy nhiên, trong từng câu từng đoạn bạn vẫn có thể thay đổi kiểu chữ được. Muốn vậy, hãy dùng tag <FONT></FONT> để bao câu hay đoạn văn ấy lại. Bạn hãy thử viết thêm như sau:
<BODY BGCOLOR="#FFFFCC" >
<BASEFONT FACE="ARIAL" SIZE="4" COLOR="#339900">
<FONT FACE="COURIER NEW">Chao cac ban !</FONT><BR>
Chuc mung cac ban den voi trang Web cua toi !
</BODY>
![]() Chuc mung cac ban den voi trang Web cua toi ! |
Font chữ trong câu thứ nhất đã được thay đổi từ Arial thành Courier New, nhưng phần còn lại của trang Web vẫn dùng font Arial, là font quy định bởi <BASEFONT>.
Trên đây tôi không định cỡ chữ trong FONT, do đó browser dùng giá trị quy định trong <BASEFONT> là 4. Nếu dùng attribute SIZE="+1" thì cỡ chữ được tăng thêm một mức so với cỡ chữ quy định trong <BASEFONT>, tức là bằng 5.
<BODY BGCOLOR="#FFFFCC" >
<BASEFONT FACE="ARIAL" SIZE="4" COLOR="#339900">
<FONT FACE="COURIER NEW" SIZE="+1">Chao cac ban !</FONT><BR>
Chuc mung cac ban den voi trang Web cua toi !
</BODY>
![]() Chuc mung cac ban den voi trang Web cua toi ! |
Còn nếu bạn viết SIZE="-2" thì cỡ chữ được giảm đi hai mức so với cỡ chữ trong <BASEFONT>. Cách xác định cỡ chữ như vậy gọi là tương đối. Còn cách định cỡ chữ kiểu như SIZE="3" trong phần đầu được gọi là tuyệt đối. Với tag FONT bạn muốn định cỡ chữ bằng cách nào cũng được. Cần nhớ là tương đối thì có dấu + hay -, còn tuyệt đối thì không có dấu.
Tất nhiên bạn cũng có thể định màu chữ trong FONT với attribute COLOR="#nnnnnn".
<BODY BGCOLOR="#FFFFCC" >
<BASEFONT FACE="ARIAL" SIZE="4" COLOR="#339900">
<FONT FACE="COURIER NEW" SIZE="+1" COLOR="#FF9900">Chao cac ban !</FONT><BR>
Chuc mung cac ban den voi trang Web cua toi !
</BODY>
![]() Chuc mung cac ban den voi trang Web cua toi ! |
Bạn cũng có thể viết chữ nghiêng (Italic), chữ in đậm (Bold) hay gạch dưới (Underlined) với các tags <I></I>, <B></B> và <U></U>.
<BODY BGCOLOR="#FFFFCC">
<BASEFONT FACE="ARIAL" SIZE="4" COLOR="#339900">
<FONT FACE="COURIER NEW" SIZE="+1" COLOR="#FF9900"><B>Chao cac ban !</B></FONT><BR>
<U>Chuc mung</U> cac ban den voi <B><I>trang Web</I></B> cua toi !
</BODY>
![]() Chuc mung cac ban den voi trang Web cua toi ! |
Để viết tiếng Việt, bạn dùng một bộ gõ tiếng Việt như VietKey để soạn thảo bình thường trong NotePad. Tuy nhiên, bạn cần chú ý hai điều sau đây:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=unicode">
nếu dùng font Unicode, hay
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=x-user-defined">
nếu dùng các fonts khác.
![]() |
Tiếp theo -->
![]() |
|
![]() |