Chèn hình ảnh - Images Tag - P3

Chèn hình ảnh - Images Tag - P3

  8:32 AM    Người

---

Thuộc tính Align
Trong một số trường hợp, phải sử dung align để hiển thị hình ảnh cho đẹp hơn khi nằm chung với các đoạn text:
Mình có một emotion dễ thương như thế này:
Chế độ hiển thị mặc định có vẻ như làm bức ảnh ở phía trên so với dòng text. Align với các thuộc tính của nó cho phép điều chỉnh vị trí:

• Bottom: Đoạn text ở phía dưới ảnh (mặc định)
• Middle: Đoạn text ngang hàng với text
• Top: Đoạn text ở phía trên ảnh

<img src="Link" align="Đoạn text title="Đoạn text khi rê chuột đến ảnh" Align="Bottom/Middle/ Top">

Sử dụng emotion ở trên cho các trường hợp:
Bottom: Chế độ mặc định giống với trường hợp trên:

Middle: Text và hình ảnh ngang hàng:

Top: Ngược lại với thuộc tính Bottom:
Tạo liên kết bằng hình ảnh
HTML cho phép các tag lồng vào nhau, do đó, có thể thiết kế để khi người dùng click vào hình ảnh thì chuyển sang một trang khác.
Chèn liên kết cho emotion trên:

<a href="http://tuhochtml.blogspot.com/" target="_blank" title="Liên kết từ hình ảnh"><img src="http://www.dethiielts.com/wp-content/uploads/2013/04/emotion_f083-20111115085503-00005.png" alt=Emotion dễ thương" title="Emotion dễ thương" align="middle" width=25px>

Kết quả