1.Bài học
Từ khi học bài đầu tiên đến bây giờ, chắc nhiều khi bạn thắc mắc: "Tại sao trang Web của mình lại chỉ có hai màu đen và trắng, trong khi các trang Web mình nhìn thấy đều được trang trí rất đẹp". Xin bạn hãy yên tâm, bài này sẽ giúp bạn giải quyết thắc mắc đó.
14.1.a.Cơ bản về màu sắc
Trong một trình duyệt Web, bạn có thể sử dụng 256 màu để trang trí cho văn bản và nền. Mỗi màu được xác định bởi bộ ba Red-Green-Blue (RGB), các giá trị của R, G, B từ 0 đến 255 thể hiện cường độ của nó. Ví dụ khi cả ba có giá trị nhỏ nhất (R=0, G=0, B=0) thì sẽ cho ta màu đen và khi cả ba có giá trị lớn nhất (R=255, G=255, B=255) thì cho ta màu trắng. Bộ ba RGB với các giá trị khác nhau sẽ cho ta các màu khác nhau.
Trong HTML, khi muốn sử dụng một màu nào đó, thay vì dùng các giá trị của R, G, B ở hệ thập phân, bạn phải biểu diễn chúng ở dạng hệ 16.
Ví dụ:
Màu trắng ứng với R=255, G=255, B=255 được biểu diễn là FFFFFF.
Màu "4520FE" tức là R = 45 (Hệ 16)
G = 20 (Hệ 16)
B = FE (Hệ 16)
tương đương với R = 69 (Hệ 10)
G = 32 (Hệ 10)
B = 254 (Hệ 10)
Ví dụ về một số màu thông thường
14.1.b.Màu nền cố định
Ðể thêm màu cho trang Web của mình, bạn hãy thêm các thuộc tính sau vào trang tag <body>
bgcolor = #XXXXXX
text = #XXXXXX
link = #XXXXXX
vlink = #XXXXXX
Trong đó
bgcolor = Xác định màu sắc của nền
text = Xác định màu sắc của văn bản
link = Xác định màu sắc của siêu liên kết
vlink = Xác định màu sắc của siêu liên kết đã xem qua
còn XXXXXX là ký hiệu màu ở dạng thập lục phân (có dấu # ở trước)
Ví dụ:
<body bgcolor = #000000 text = # EEEEBB link = #33CCFF vlink = #CC0000>
Sẽ cho nền màu đen, chữ màu vàng, siêu liên kết màu xanh dương sáng, siêu liên kết đã xem màu đỏ.
Sau đây là một số màu cơ bản và ký hiệu tương ứng
1.c.Trang trí nền bằng hình ảnh
Nếu bạn muốn màu nền của trang Web của bạn đẹp hơn, bạn có thể dùng một file ảnh nhỏ để trang trí cho nền. Khi đó, HTML sẽ tạo các bản sao liên tục của file ảnh để phủ hết nền của trang Web.
Ðể dùng hình ảnh làm nền cho trang Web, ta dùng thuộc tính background trong tag <body>
<body background = "filename">
Trong đó filename là tên file ảnh mà bạn dùng làm nền.
14.2.Thực hành
1.Tạo một file HTML và chuẩn bị một hình ảnh để làm nền, ví dụ ảnh sau có tên là strawb.jpg
Thêm vào tag body thuộc tính background như sau:
<body background = "strawb.jpg">
2.Lưu công việc của bạn, mở trên trình duyệt và so sánh với ví dụ mẫu:
Latest topics
» Hướng dẫn làm nhiệm vụ GTA San AnDreas
by Dương Tiến Vinh Tue Jul 28, 2015 11:02 pm
» I-Ninja [Full PC]
by thanglun2 Sun Apr 26, 2015 4:53 pm
» Theme - Naruto ( Cực Hot Cực Hot )
by sayedn73 Fri Feb 13, 2015 10:14 am
» Dynasty Warriors 6 [Full PC]
by dungfa1992 Wed Dec 31, 2014 9:17 pm
» Gun Metal - Tranfomer Wars [Full PC]
by nghia6541 Tue Dec 30, 2014 9:11 am
» Theme :Sao Băng
by sayedn73 Sun Dec 21, 2014 9:41 am
» Theme dành cho fangirl(đặc biệt là fan DBSK)
by sayedn73 Sun Dec 21, 2014 9:31 am
» Share Code Viewtopic_body VBB By SockDust
by sayedn73 Sun Dec 21, 2014 8:12 am
» The House Of The Dead III [Full PC]
by kriskiller Sat Sep 13, 2014 9:36 am
» [Da Liễu] Bệnh vảy nến
by con_zubo Wed Nov 13, 2013 10:31 am
» Game Lego Batman (Full DVD)
by hotel1221 Mon May 27, 2013 11:02 am
» Game G-Force | Biệt Đội Chuột Lang (Full DVD)
by hotel1221 Mon May 27, 2013 10:52 am
» Game Phá Hàng Xóm 2
by hotel1221 Mon May 27, 2013 10:49 am
» Day Of The Zombie [Full PC]
by hotel1221 Sun May 26, 2013 6:25 pm
» Neighbours From Hell 1 + 2
by tuanvu0707 Wed Apr 10, 2013 10:10 am
by Dương Tiến Vinh Tue Jul 28, 2015 11:02 pm
» I-Ninja [Full PC]
by thanglun2 Sun Apr 26, 2015 4:53 pm
» Theme - Naruto ( Cực Hot Cực Hot )
by sayedn73 Fri Feb 13, 2015 10:14 am
» Dynasty Warriors 6 [Full PC]
by dungfa1992 Wed Dec 31, 2014 9:17 pm
» Gun Metal - Tranfomer Wars [Full PC]
by nghia6541 Tue Dec 30, 2014 9:11 am
» Theme :Sao Băng
by sayedn73 Sun Dec 21, 2014 9:41 am
» Theme dành cho fangirl(đặc biệt là fan DBSK)
by sayedn73 Sun Dec 21, 2014 9:31 am
» Share Code Viewtopic_body VBB By SockDust
by sayedn73 Sun Dec 21, 2014 8:12 am
» The House Of The Dead III [Full PC]
by kriskiller Sat Sep 13, 2014 9:36 am
» [Da Liễu] Bệnh vảy nến
by con_zubo Wed Nov 13, 2013 10:31 am
» Game Lego Batman (Full DVD)
by hotel1221 Mon May 27, 2013 11:02 am
» Game G-Force | Biệt Đội Chuột Lang (Full DVD)
by hotel1221 Mon May 27, 2013 10:52 am
» Game Phá Hàng Xóm 2
by hotel1221 Mon May 27, 2013 10:49 am
» Day Of The Zombie [Full PC]
by hotel1221 Sun May 26, 2013 6:25 pm
» Neighbours From Hell 1 + 2
by tuanvu0707 Wed Apr 10, 2013 10:10 am
14. Thêm màu sắc cho trang Web của bạn
Admin- Admin
- Cảnh Báo :
Lý Do Vi Phạm : An Toàn Tuyệt Đối ^^
Giới tính : Cung Sinh :
Posts : 916
SDPoints : 43
Thanked : 85
Tham Gia : 03/09/2011
Tuổi : 26
Đến từ : HN TT HN
Sở Thích : Nhiá»u Lắm Hìhì
Châm Ngôn Sống : Offline Dà i Hạn
Huy Hiệu
Huy Hiệu:
Trang Bị:
Pet:
|
|
No Comment.