Ads Nhà Tài Trợ
Nam Trung JSC Thớt Gỗ, Ván Ghép Các Loại

HÌNH ẢNH TRÊN TRANG WEB

1. Các loại ảnh :
 
+ Ả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
 
+ Ả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 rõ 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.
 
+ Ảnh PNG (Portable Network Graphics) nén không mất dữ liệu
 
2. Chèn hình ảnh
Cú pháp:
<IMG Src=URL >
 
URL: thường sử dụng địa chỉ tương đối 
– Nếu hình chứa trong thư mục image và tập tin .htm chứa trong thư mục html thì địa chỉ của hình chèn có dạng Src=“../image/hinh1.gif” 
– Nếu hình và tập tin .html chứa trong cùng một thư mục thì địa chỉ hình chèn có dạng: Src=“hinh1.gif” 
 
Ví dụ:
<html>
<head><title>Image</title></head>
<body>
<img src="../image/Blue%20hills.jpg" width="150"
height="150“ border=1> 
</body>
</html> 

3. Các thuộc tính của ảnh:
a) Dàn văn bản quanh hình ảnh: 
Ví dụ :hình nằm bên trái văn bản
<IMG SRC=URL  Align= left> Nội dung văn bản quanh hình ảnh   
Ví dụ :hình nằm bên phải văn bản
<IMG SRC=URL  Align= Right> Nội dung văn bản quanh hình ảnh 
 
b) 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: 
– <BR CLEAR=Right> : Ngăn chặn văn bản dàn bên lề phải của ảnh
– <BR CLEAR=Left> : Ngăn chặn văn bản dàn bên lề trái của ảnh
– <BR CLEAR=All> : Ngăn chặn văn bản dàn hai bên lề của ảnh 

c) 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:
<IMG SRC=URL HSPACE=n VSPACE=m>
– 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
 
d) 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:
<IMG SRC=URL ALIGN= “Direction”>Văn bản muốn canh lề so với ảnh
– Direction: gồm các giá trị: top, bottom, middle, texttop
+ 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:
+ <A HREF=”Địa chỉ trang liên kết”>
+ <IMG SRC=URL Alt=”nội dung thay thế”>Nhãn
+ </A>
 1. 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
 <IMG UseMap=”Label”>
<Map Name=”Label”>
<Area Shape= “type” coords=”x1,y1,x2,y2, …”
href=”URL”>
</Map>
 
+ 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
 
(Sưu tầm)


Đăng nhận xét

0 Nhận xét
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Sở hữu một thiết kế thanh lịch và vô cùng đẳng cấp, mang trong mình một hiệu năng "cực khủng", chụp ảnh, quay phim chất lượng hàng đầu nhờ cụm 3 camera 50 MP. Thiết bị hoàn hảo dành cho dân làm việc văn phòng theo mô hình Workcation thích du lịch khám phá, làm Việc Từ Xa,... Thiết bị công nghệ số cực ngon dành cho TELEWORK, WFH, người làm nghề MMO, KOC / Streamer,...

Xem Giá Bán

Laptop Asus Gaming ROG Flow Z13 GZ301Z i7 12700H (LD110W), siêu phẩm hỗ trợ làm việc, học tập online, đem đến cho bạn những giây phút trải nghiệm giải trí cực đỉnh cùng laptop CPU thế hệ 12 mới nhất. Thiết kế lai giữa laptop gaming và máy tính bảng sáng tạo, sang chảnh, trang bị công nghệ tân tiến nhất, chinh phục mọi giới hạn cùng với cấu hình vượt trội.

Xem Giá Bán