[BÀI 8]Dùng thẻ img trong HTML để tạo hình ảnh

Dùng thẻ img để tạo hình ảnh

Các loại ả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.

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.

PNG (Portable Network Graphics): nén không mất dữ liệu.

Cú pháp :

Các thuộc tính:

  • src=“địa chỉ ảnh”: Nếu chèn ảnh trong cùng web site thì nên sử dụng đường dẫn tương đối

Ví dụ :

  • alt=“chú thích cho ảnh”: sẽ được hiển thị khi trình duyệt không hiện ảnh hoặc ảnh lỗi hoặc khi di chuyển chuột lên ảnh

Ví dụ :

  • width=“rộng”, height=“cao”: độ rộng và độ cao của ảnh

Xem thêm: Bộ tai lieu hoc lap trinh ios chuyên sâu

Ví dụ :

  • border=“n”: n là số: kích thước đường viền ảnh. =0: ảnh không có đường viền

Ví dụ :

Khi muốn chèn link vào ảnh ta dùng thẻ a để bao quanh cái hình đó :

Ví dụ :

Trong bài này đã giới thiệu cách sử dụng thẻ img một cách cơ bản. Tuy nhiên các bạn cần kết hợp với css để hiển thị trang web một cách đẹp hơn.

Để tìm hiểu chi tiết hơn, các bạn có thể tham khảo các khóa học tại đây.!!!

Chúc các bạn thành công !!!

Gợi ý xem thêm:

  • Tham gia khóa học lập trình game unity miễn phí
  • Khóa học lập trình android nâng cao