Tìm kiếm

Hình ảnh html


Ví dụ

Norwegian Mountain Trip

Pulpit Rock

Hãy thử nó cho mình »


Ví dụ

Hãy thử nó Yourself - Ví dụ

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).

HTML Images - Tag <img> và thuộc tính Src

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ị.
Cú pháp để xác định một hình ảnh:
<img src="url" alt="some_text"/>
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.

HTML Images - Thuộc tính Alt

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:
<img src="boat.gif" alt="Big Boat" />
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).

HTML Images - Đặt Chiều cao và rộng của hình ả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:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />
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).

Ghi chú cơ bản - Lời khuyên hữu ích

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 .

Ví dụ

Nhiều ví dụ

Đ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.

Hình ảnh Download HTML

TagMô tả
<img />Xác định một hình ảnh
<map>Định nghĩa một hình ảnh bản đồ
<area />Định nghĩa một khu vực có thể click bên trong một bản đồ hình ảnh


Read Users' Comments (1)nhận xét

1 Response to "Hình ảnh html"

Support

Liên hệ DMTuan-Uneti
Mọi thông tin góp ý các bạn liên hệ với mình ! Mail:
  1. manhtuan.leo@gmail.com
  2. manhtuan.itvp@gmail.com

Y!M: manhtuan.it92