Connect & Share !

Chèn hình ảnh
Làm thế nào để chèn hình ảnh vào một tài liệu HTML.

Chèn hình ảnh từ các địa điểm khác nhau
Làm thế nào để chèn một hình ảnh từ một thư mục khác hoặc máy chủ khác.

(Bạn có thể tìm thấy ví dụ ở dưới cùng của trang này).

Trong HTML, hình ảnh được định nghĩa với các từ khóa <img>. 

Thẻ <img> là trống rỗng, có nghĩa là nó có chứa các thuộc tính chỉ, và không có thẻ đóng.

Để hiển thị một hình ảnh trên một trang, bạn cần sử dụng thuộc tính src. Src viết tắt của "nguồn".Giá trị của thuộc tính src là URL của hình ảnh mà bạn muốn hiển thị.

URL chỉ đến vị trí nơi hình ảnh được lưu trữ. Một hình ảnh có tên là "boat.gif", nằm trong thư mục "hình ảnh" trên "www.w3schools.com" đã URL: http://www.w3schools.com/images/boat.gif.

Trình duyệt hiển thị hình ảnh thẻ <img> xảy ra trong tài liệu. Nếu bạn đặt một thẻ hình ảnh giữa hai đoạn văn, trình duyệt cho thấy đoạn đầu tiên, sau đó hình ảnh, và sau đó đoạn thứ hai.

Các thuộc tính alt yêu cầu xác định một văn bản thay thế cho một hình ảnh, nếu hình ảnh không thể được hiển thị.

Giá trị của thuộc tính alt là một văn bản giả định nghĩa:

Thuộc tính alt cung cấp thông tin thay thế cho một hình ảnh nếu một người sử dụng vì một lý do nào đó không thể xem nó (vì kết nối chậm, một lỗi trong thuộc tính src, hoặc nếu người dùng sử dụng một đầu đọc màn hình).

Các thuộc tính chiều cao và chiều rộng được sử dụng để xác định chiều cao và chiều rộng của hình ảnh.

Các giá trị thuộc tính được quy định tại các điểm ảnh theo mặc định:

Mẹo: Đó là một thực hành tốt để chỉ định cả hai thuộc tính chiều cao và chiều rộng cho hình ảnh.Nếu những thuộc tính này được thiết lập, không gian cần thiết cho hình ảnh được dành riêng khi trang web được tải. Tuy nhiên, không có những thuộc tính này, trình duyệt không biết kích thước của hình ảnh. Hiệu quả sẽ được bố trí trang sẽ thay đổi trong quá trình tải (trong khi tải hình ảnh).

Lưu ý: Nếu một tập tin HTML có chứa mười hình ảnh - mười một tập tin được yêu cầu để hiển thị các trang bên phải. Hình ảnh tải mất thời gian, vì vậy lời khuyên của tôi tốt nhất là: Sử dụng hình ảnh một cách cẩn thận.

Lưu ý: Khi một trang web được tải, nó là trình duyệt, tại thời điểm đó, mà thực sự được hình ảnh từ một máy chủ web và chèn vào các trang web. Vì vậy, hãy chắc chắn rằng những hình ảnh thực sự ở trong cùng một chỗ liên quan đến trang web, nếu không du khách sẽ có được một biểu tượng liên kết bị hỏng . Các biểu tượng liên kết bị hỏng được hiển thị nếu trình duyệt không thể tìm thấy hình ảnh .

Điều chỉnh hình ảnh
Làm thế nào để sắp xếp một hình ảnh trong văn bản .

Hãy để hình ảnh
nổi Làm thế nào để cho một nổi hình ảnh bên trái hoặc bên phải của một đoạn .

Tạo một siêu liên kết của một
hình ảnh Làm thế nào để sử dụng một hình ảnh như là một liên kết.

Tạo một bản đồ hình ảnh
Làm thế nào để tạo ra một bản đồ hình ảnh, với các vùng có thể click . Mỗi khu vực là một siêu liên kết.