Bài 3: Thẻ chèn hình ảnh trong html

18:24
Lượt xem:  lần
Trong html, để hiển thị hình ảnh lên website người ta dùng thẻ img. Khi học về thẻ hình ảnh này, các bạn chú ý kĩ cách lấy đường dẫn tương đối và tuyệt đối trong thuộc tính src.

Thẻ hình ảnh

Cách viết:
 thẻ hình ảnh trong html
Đường dẫn tấm hình được chia làm 2 loại: đường dẫn tuyệt đối và đường dẫn tương đối

Đường dẫn tuyệt đối

Tuyệt đối tức là không thay đổi.
Loại đường dẫn này chúng ta sẽ copy nó ở trên thanh địa chỉ của trình duyệt web.
Cách viết:
 đường dẫn tuyệt đối trong html
Nhận xét: đường dẫn tuyệt đối bắt đầu bằng http://

Đường dẫn tương đối

Tương đối tức là sẽ thay đổi.
Loại đường dẫn này chúng ta sẽ tự viết ra.
Cách viết: có tất cả 4 kiểu viết đường dẫn tương đối
 đường dẫn tương đối  trong html
Nhận xét: đường dẫn tương đối không có http://
Resize tấm hình
Chúng ta sẽ sử dụng thuộc tính width(chiều rộng) và height(chiều cao) để thu nhỏ hay phóng to tấm hình.
Cách viết
 thuộc tính của thẻ hình ảnh trong html
Xem hướng dẫn chi tiết trong video phía dưới:


Nguồn: 2school.vn

Thấy Hay Thì Chia Sẻ Giúp Mình Nha (^^)

Bài Viết Liên Quan

Previous
Next Post »

Nội Quy Khi Gửi Bình Luận:

  • - Vui lòng gõ có dấu khi sử dụng tiếng việt.
  • - Nghiêm cấm spam link khác.
  • - Sử dụng ngôn ngữ có văn hóa khi comment.
  • - Chèn hình ảnh bằng code Link hình ảnh
  • - Chèn video bằng code [iframe] Link nhúng video [/iframe]
  • - Ngoài ra bạn có thể thêm những smile bên dưới vào bình luận để thêm sinh động
Biểu Tượng VuiBiểu Tượng Vui