Free Web space and hosting from freehomepage.com
Search the Web

 HTMLStudy
Home » Trang trí cho Văn bản ,
BÀI 13: TRANG TRà CHO VĂN BẢN

| BÀI HỌC

Qua các bài há»c trước bạn đã biết cách thêm màu sắc cho ná»n và văn bản thông qua việc thiết lập các thuá»™c tính cho Tag <BODY>. Trong bài này bạn sẽ há»c cách thay đổi màu sắc, kích thước, FONT chữ cá»§a phần văn bản trong trang Web cá»§a bạn.

Cỡ font

Khi muốn thay đổi cỡ FONT thì dùng

<FONT SIZE=x> ... </FONT>

Trong đó x là cỡ chữ có giá trị từ 1 (nhỠnhất) đến 7 (lớn nhất)

Ví dụ:

<FONT FACE="Arial">
<FONT size=1>Cỡ FONT 1</FONT>
<FONT size=2>Cỡ FONT 2</FONT>
<FONT size=3>Cỡ FONT 3</FONT>
<FONT size=4>Cỡ FONT 4</FONT>
<FONT size=5>Cỡ FONT 5</FONT>
<FONT size=6>Cỡ FONT 6</FONT>
<FONT size=7>Cỡ FONT 7</FONT>
</FONT>

Chân trá»i tri thức - Internet today
Cỡ FONT 1
Cỡ FONT 2
Cỡ FONT 3
Cỡ FONT 4
Cỡ FONT 5
Cỡ FONT 6
Cỡ FONT 7
Done

Ngoài ra HTML còn cho chúng ta một cách khác để thực hiện việc thay đổi cỡ font, thay đổi tương đối:

<FONT SIZE=+x> ... </FONT>
<FONT SIZE=-x> ... </FONT>

Trong đó +x, -x là độ dịch chuyển so vá»›i cỡ chữ hiện tại. Chúng thưá»ng được dùng cùng vá»›i Tag <BASEFONT SIZE=x>. Vá»›i x là cỡ chữ muốn đặc mặc định.

Chú ý: Tag <BASEFONT> không có Tag đóng lại, nó có tác dụng cho đến khi gặp một Tag <BASEFONT> khác.

Kiểu font

Äể làm cho trang Web thêm sinh động, nhiá»u khi bạn muốn trình bày nó bằng nhiá»u kiểu FONT khác nhau, bạn hãy sá»­ dụng thuá»™c tính face cá»§a Tag <FONT> để thá»±c hiện việc đổi FONT chữ.

<FONT FACE="fontname, fontname, fontname, ..."> văn bản hiển thị </FONT>

Trong đó fontname là tên cá»§a FONT chữ có trên máy tính cá»§a ngưá»i Ä‘á»c trang Web. Nếu fontname đầu tiên không có, nó sẽ thay thế bằng fontname thứ hai, và cứ như thế cho các fontname bạn chỉ ra.

Màu sắc cho chữ

Äể thêm màu sắc cho văn bản, bạn sá»­ dụng thuá»™c tính COLOR cho thẻ <FONT ...>.

<FONT COLOR=#xxxxxx> văn bản ảnh hưởng </FONT>

Trong đó xxxxxx là ký hiệu màu ở dạng thập lục phân (có dấu # ở trước). bạn cÅ©ng có thể sá»­ dụng Tên cá»§a màu như bảng thống kê ở Bài há»c trước.

Ví dụ:

<FONT FACE="Arial" SIZE=2 COLOR=#990000>
Tất cả chữ trong vùng này được thiết lập màu Ä‘á», riêng những chữ này <FONT COLOR=#0033CC>màu xanh</FONT> và <FONT COLOR=Lightseagreen>màu Lightseagreen</FONT>
</FONT>

Chân trá»i tri thức - Internet today

Tất cả chữ trong vùng này được thiết lập màu Ä‘á», riêng những chữ này màu xanh và màu Lightseagreen
Done

Hiển thị chỉ số trên và chỉ số dưới

Khi cần phải trình bày chỉ số trên hay chỉ số dưới, như các công thức hoá há»c chẳng hạn chúng ta sá»­ dụng các Tag <SUP> ... </SUP> cho chỉ số trên và <SUB> ... </SUB> cho chỉ số dưới.

Ví dụ: Äể có NH4 và x2, ta phải viết:

NH<SUB>4</SUB> và x<SUP>2</SUP>

| THỰC TẬP TRỰC TUYẾN

Bạn thân mến, bạn đã há»c được khá nhiá»u kiến thức vỡ lòng vá» HTML, bây giá» bạn hãy áp dụng những kiến thức đã há»c để tạo cho mình má»™t trang Web vá»›i màn hình ná»n có màu sắc, các loại FONT chữ khác nhau, các hình ảnh và siêu liên kết...Khi đã làm nhiá»u trang Web bạn sẽ có nhiá»u kinh nghiệm trong việc chá»n FONT chữ, chá»n màu sắc ... từ đó bạn má»›i có thể xây dá»±ng được những trang Web đẹp được.

Äể nắm vững kiến thức đã há»c ở phần đầu bài há»c này, bạn nên bắt tay vào thá»±c hành. Äể tiện việc thá»±c tập, bạn hãy click vào liên kết sau để mở trang Thá»±c tập trá»±c tuyến.

Theo Tạp chí Tin há»c I-Today

« Thêm màu sắc cho trang Web Căn chỉnh lỠ»