HÌNH ẢNH TRÊN TRANG WEB

II.3.1. Các loại ảnh :

a) Ảnh .Gif (Graphics Interchange Format): được sử dụng phổ biến nhất trong các tài liệu HTML, dễ chuyển tải, ngay cả các kết nối sử dụng MODEM tốc độ chậm, hổ trợ 256 màu GIF. Các file GIF được định dạng không phụ thuộc phần nền

b) Ảnh JPEG (Joint PhotoGraphic Expert Group) có phần mở rộng .JPG, là loại ảnh nén mất thông tin, nghĩa là ảnh sau khi bị nén không giống như ảnh gốc. Tuy nhiên, trong quá trình phát lại thì ảnh cũng tốt gần như ảnh gốc. JPEG hỗ trợ hơn 16 triệu màu và thường được sử dụng cho các ảnh có màu thực.

c) Ảnh PNG (Portable Network Graphics) nén không mất dữ liệu

II.3.2. Chèn hình ảnh

Cú pháp:

URL: địa chỉ của tập tin hình ảnh, thường sử dụng địa chỉ tương đối, ví dụ:

không phụ thuộc vị trí của tập tin ảnh trên đĩa

n: độ dày của đường viền, tính bằng pixel

Alt: Nội dung thay thế sẽ hiển thị khi hình không load được, hoặc khi đưa chuột ngang qua hình

II.3.3. Các thuộc tính của ảnh:

a) Dàn văn bản quanh hình ảnh:

Nội dung văn bản quanh hình ảnh

Nội dung văn bản quanh hình ảnh

Ví dụ:

b) Kích thước ảnh:

Ví dụ:

Image

height="150">

c) Chặn văn bản bao quanh hình:

Canh lề khi dàn văn bản xung quanh một ảnh sẽ tác động đến tất cả các văn bản sau đó nếu không chèn vào một dòng kẽ đặc biệt. Thuộc tính CLEAR trong tag BR làm cho văn bản không bắt đầu nếu lề cụ thể không bị xóa đi (nghĩa là tại cạnh dưới của ảnh)

Cú pháp:

: Ngăn chặn văn bản dàn bên lề phải của ảnh

: Ngăn chặn văn bản dàn bên lề trái của ảnh

: Ngăn chặn văn bản dàn hai bên lề của ảnh

d) Thêm khoảng trống xung quanh ảnh

Nếu không muốn văn bản dàn xung quanh lề trái của ảnh thì ta có thể thêm khoảng trắng xung quanh ảnh

Cú pháp:

HSPACE=n: Khoảng trắng được tính bằng pixel sẽ thêm vào cả bên phải và bên trái của ảnh

VSPACE=m: Khoảng trắng được tính bằng pixel sẽ thêm vào cả bên trên và bên dưới của ảnh

e) Canh lề cho ảnh: Có thể canh lề cho ảnh so với một dòng văn bản trong một đọan

Cú pháp:

Văn bản muốn canh lề so với ảnh

Direction: gồm các giá trị: top, bottom, middle, texttop

Ví dụ:

II.3.4. Dùng ảnh làm liên kết:

Có thể dùng hình ảnh để tạo một liên kết đến một trang khác, hoặc nếu có một ảnh lớn, bạn có thể tạo ảnh nhỏ hơn hoặc một biểu tượng cho nó để nó có thể hiển thị nhanh chóng trên trang web, sau đó tạo liên kết để đưa người truy cập đến ảnh có kích thước thật

Cú pháp:

II.3.5. Bản đồ ảnh:

Bản đồ ảnh là một ảnh trong trang web được chia ra làm nhiều vùng, mỗi vùng khi click vào sẽ liên kết đến một địa chỉ URL

Cách tạo:Trước hết phải chèn vào trang một ảnh và đặt nhãn cho ảnh

Trong đó:

- Label: tên của bản đồ ảnh

- Type: hình dạng của các vùng trên ảnh, gồm các loại:

 Rect: Vùng hình chữ nhật

 Circle: Vùng hình tròn

 Poly: Vùng hình đa giác

- Coords:toạ độ các đỉnhcủa hình

 Rect: (x1, y1, x2, y2) là toạ độ 2 đỉnh chéo của vùng hình CN

 Circle: (x, y, r) lần lượt là toạ độ tâm và bán kính của vùng hình tròn

 Poly: (x1, y1, x2, y2, x3, y3, …) là các đỉnh của vùng hình đa giác

Ví dụ:

Image

usemap="#Map1">

II.3.6. Hình nền :

Trong hầu hết các trang web thường sử dụng nền màu, với mục đích là làm nổi bật nội dung trang đó. Tuy nhiên cũng có thể sử dụng hình ảnh để làm nền bằng thuộc tính

BACKGROUND của thẻ BODY.