Tạo chú thích cho ảnh trong html

Đặt hình ảnh - giả sử chiều rộng của nó là 140px - bên trong một liên kết:

 Cách 2- Viết ttheo cách sửa Code ảnh
Sau khi chèn ảnh theo cách bình thường xong, các vị vào chế độ HTML để viết chú thích cho ảnh bằng cách chỉnh sửa code ảnh.
Ví dụ tôi chèn ảnh Nhà hát Opera Sidney và tôi muốn chèn chú thích cho nó. Sau khi chèn tôi vào chế độ HTML và có code ảnh như hình dưới

Tôi thay ch separator ở code trên bằng ch imgcaption và thêm thcap có chú thích ảnh ở giữa vào trước thđóng div

Và được kết quả như sau :

2- Chèn chú thích khi rê chuột vào tấm ảnh
- Các vị chèn ảnh như bình thường
- Bật chế độ HTML và thêm dòng code sau đây ngay sau link ảnh


Ta có kết quả [khi ta rê chuột vào ảnh]

3- Viết trực tiếp chú thích lên ảnh
Ta dùng phần mềm chỉnh sửa ảnh PhotoScape [các vị có thể tải ở cuối bài đăng về rồi dùng WINRAR giải nén và chạy file PhotoScape.exe chứ không cần cài đặt].
Để viết chú thích vào ảnh các vị hãy mở PhotoScape ra rồi chọn và đưa ảnh cần thêm chú thích vào vùng chỉnh sửa của PhotoScape.
Sau đấy làm thứ tự như các bước trong hình để tạo chú thích cho ảnh !

 Và đây là kết quả

Tải PhotoScape về máy


Chủ Đề