|
| 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 đó.
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)
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>
<BODY BGCOLOR=#xxxxxx TEXT=#xxxxxx LINK=#xxxxxx VINK=#xxxxxx>
Trong đó:
BGCOLOR: Xác định mà u ná»n của trang web
TEXT: Xác định mà u chữ văn bản
LINK, VLINK: Xác định mà u sắc của siêu liên kết, 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 Ä‘á».
 |
 Chân trá»i tri thức - Internet today |
 |
 |
 |
|
|
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 Ä‘á»
|
|
 |
 Done |
 |
 |
Ngoà i ra bạn có thể dùng Tên của mà u sắc được định nghĩa sẳn dưới đây để thay thế cho các giá trị mà u:
| Aliceblue |
Antiquewhite |
Aqua |
Aquamarine |
Azure |
| Beige |
Bisque |
Black |
Blanchedalmond |
Blue |
| Blueviolet |
Brown |
Burlywood |
Cadetblue |
Chartreuse |
| Chocolate |
Coral |
Cornflower |
Cornsilk |
Crimson |
| Cyan |
Darkblue |
Darkcyan |
Darkgoldenrod |
Darkgray |
| Darkgreen |
Darkkhaki |
Darkmagenta |
Darkolivegreen |
Darkorange |
| Darkorchid |
Darkred |
Darksalmon |
Darkseagreen |
Darkslateblue |
| Darkslategray |
Darkturquoise |
Darkviolet |
Deeppink |
Deepskyblue |
| Dimgray |
Dodgerblue |
Firebrick |
Floralwhite |
Forestgreen |
| Fuchia |
Gainsboro |
Ghostwhite |
Gold |
Goldenrod |
| Gray |
Green |
Greenyellow |
Honeydew |
Hotpink |
| Indianred |
Indigo |
Ivory |
Khaki |
Lavender |
| Lavenderblush |
Lawngreen |
Lemonchiffon |
Lightblue |
Lightcoral |
| Lightcyan |
Lightgoldenrodyellow |
Lightgreen |
Lightgrey |
Lightpink |
| Lightsalmon |
Lightseagreen |
Lightskyblue |
Lightslategray |
Lightsteelblue |
| Lightyellow |
Lime |
Limegreen |
Linen |
Magenta |
| Maroon |
Mediumaquamarine |
Mediumblue |
Mediumorchid |
Mediumpurple |
| Mediumseagreen |
Mediumslateblue |
Mediumspringgreen |
Mediumturquoise |
Mediumvioletred |
| Midnightblue |
Mintcream |
Mistyrose |
Moccasin |
Navajowhite |
| Navy |
Oldlace |
Olive |
Olivedrab |
Orange |
| Orangered |
Orchid |
Palegoldenrod |
Palegreen |
Paleturquoise |
| Palevioletred |
Papayawhip |
Peachpuff |
Peru |
Pink |
| Plum |
Powderblue |
Purple |
Red |
Rosybrown |
| Royalblue |
Saddlebrown |
Salmon |
Sandybrown |
Seagreen |
| Seashell |
Sienna |
Silver |
Skyblue |
Slateblue |
| Slategray |
Snow |
Springgreen |
Steelblue |
Tan |
| Teal |
Thistle |
Tomato |
Turquoise |
Violet |
| Wheat |
White |
Whitesmoke |
Yellow |
Yellowgreen |
Xem thêm 216 mà u cơ bản dùng cho Website tại http://www.w3schools.com/html/html_colors.asp
Äể lấy giá trị mà u sắc của bất cứ Ä‘iểm mà u nà o trên mà n hình, bạn có thể sá» dụng tiện Ãch nho nhá» và miá»…n phà là EyeDropper (28KB).
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.
| THỰC HÀNH
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 nằm trong thÆ° mục images.
Thêm và o Tag <BODY> thuá»™c tÃnh BACKGROUND nhÆ° sau:
<BODY BACKGROUND="images/strawb.jpg">
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:
|
Chân trá»i tri thức - Internet today |
|
|
|
|
|
|
|
|
Done |
|
|
Bạn có thể Ä‘iá»u khiển chế Ä‘á»™ hiển thị của ảnh ná»n qua phần mở rá»™ng của HTML là DHTML bởi các định dạng STYLESHEET (Xem thêm bà i 23).
Theo Tạp chà Tin há»c I-Today
|
File Edit View Favorites Tools Help