[back] [index]

C�ch đưa tranh ảnh v�o một trang web
Hillary Trong trang trước, ch�ng ta đ� đề cập đến c�ch tr�nh b�y chữ trong trang web. �ể l�m cho trang web sinh động hơn, hấp dẫn hơn, bạn c� thể đưa th�m tranh ảnh v�o. C� những trang web li�n quan đến số liệu, đồ thị v� đồ thị cũng l� một dạng ảnh (images). Sau đ�y l� c�ch đưa một bức ảnh v�o trong trang web.
  • Ảnh cho v�o trang web n�n save dưới dạng .GIF hoặc .JPG
  • Kh�ng n�n to qu�, đ�y kh�ng n�i đến k�ch thước (cm) m� n�i đến k�nh cỡ file (số KB).
  • Khi scan, bạn h�y chọn 72 dpi (dots per inch) bởi v� đa phần c�c m�n h�nh m�y t�nh l�m việc với độ ph�n giải n�y.
  • Khi upload trang web, nhớ upload cả ảnh.
  • T�n của c�c file n�n sử dụng chữ thường, kh�ng n�n sử dụng chữ hoa. V� dụ: myphoto.jpg chứ kh�ng Myphoto.jpg.
Sau đ�y l� HTML Code để đưa h�nh ảnh v�o trang web:

<html>
<body bgcolor="#ffffff">
<center>
<img src="myphoto.jpg" width="200" height="400" border="0" alt="Here is my first photo">
</center>
</body>
</html>


Bạn thấy kh�ng, điều đ� rất đơn giản. Chỉ ri�ng <img src="myphoto.jpg"> đ� đủ để đưa một bức ảnh v�o trang web. img l� image v� src l� source. Tất cả những c�i đi đằng sau chỉ để tr�nh b�y bức ảnh đ� đẹp hơn th�i. width l� chiều rộng của bức ảnh m� bạn muốn, n� kh�ng phụ thuộc v�o k�ch thước gốc của bức ảnh. height l� chiều cao. Tất cả đều đo bằng pixel. border="0" b�o cho Browser biết l� ảnh n�y sẽ được tr�nh b�y kh�ng c� khung. alt c� �ch khi ảnh chưa hoặc kh�ng được nạp (nhiều người surf kh�ng ảnh để đỡ tốn thời gian) Khi đ� người xem biết được m�nh sẽ được xem c�i g�.

D�ng tranh ảnh l�m nền cho trang web

Trong trang trước, ch�ng ta đ� n�i đến m�u sắc của nền trang web. Bằng c�ch thay đổi th�ng số của bgcolor, bạn sẽ tạo được m�u nền kh�c tuỳ theo sở th�ch của m�nh. Như bạn chắc cũng đ� thấy trong c�c website đ� đến thăm, một trang web c�n c� thể c� nền rất đẹp, tạo ra từ những bức tranh nhỏ. C�i đ� rất đơn giản. HTML Code sẽ như sau:
<html>
<body bgcolor="#m�u m� bạn th�ch" background="back.jpg">
</body>
</html>

[Xem v� dụ]

Bạn thấy đ�, ở đ�y chỉ c� một sự kh�c biệt rất nhỏ: ta th�m background v�o v� nhận được nền l� back.jpg. Tuỳ theo k�ch cỡ của back.jpg m� nền tr�ng kh�c nhau. back.jpg sẽ được gh�p v�o với nhau nếu như cỡ của n� nhỏ hơn window của Browser.
bgcolor c� cũng được m� kh�ng c� cũng vẫn được, n� chỉ c� t�c dụng khi back.jpg v� l� do g� đ� kh�ng được nạp.