Buzz
Danh sách thường được sử dụng cho văn bản; tuy nhiên, bạn cũng có thể thêm hình ảnh vào danh sách. Để biết cách thêm hình ảnh vào danh sách trong lập trình HTML, làm theo các bước dưới đây.
Bước
Hình Ảnh Trong Một Danh Sách Không Thứ Tự
Tạo danh sách không thứ tự.
- Phần tử ul là điều nhóm các phần tử danh sách lại với nhau một cách không thứ tự. Để tạo phần tử ul, thêm nội dung sau vào trình soạn thảo văn bản HTML:
- Để tạo các thẻ danh sách, thêm nội dung sau vào trình soạn thảo văn bản HTML:
- Để tạo các thẻ hình ảnh, thêm nội dung sau vào trình soạn thảo văn bản HTML:
Dán đường dẫn của hình ảnh mong muốn vào src=''.
- Các thẻ hình ảnh yêu cầu thông tin về hình ảnh mong muốn để hiển thị. Sao chép đường dẫn tệp cho hình ảnh mong muốn và sau đó dán đường dẫn vào src='' như trong hình.
Nếu muốn nhiều hình ảnh mỗi mục trong danh sách, sao chép thẻ hình ảnh.
- Có thể có nhiều hình ảnh trong mỗi mục danh sách. Để làm điều này, thêm văn bản như trong hình.
Hình Ảnh Bên Trong Một Danh Sách Có Thứ Tự
Tạo danh sách có thứ tự.
Tạo thẻ danh sách bên trong các thẻ danh sách có thứ tự.
- Để tạo các thẻ danh sách, thêm nội dung sau vào trình soạn thảo văn bản HTML:
- Để tạo các thẻ hình ảnh, thêm nội dung sau vào trình soạn thảo văn bản HTML:
Dán đường dẫn của hình ảnh mong muốn vào src=''.
- Các thẻ hình ảnh cần thông tin về hình ảnh mong muốn để hiển thị nó. Sao chép đường dẫn tệp cho hình ảnh mong muốn và sau đó dán đường dẫn vào src='' như trong hình ảnh.
Nếu muốn có nhiều hình ảnh mỗi mục danh sách, sao chép thẻ hình ảnh.
- Có thể có nhiều hình ảnh trong mỗi mục danh sách. Để làm điều đó, thêm văn bản từ hình ảnh vào trình soạn thảo.
Mẹo
-
Thêm thông tin về hình ảnh vào alt=''. Điều này sẽ cho phép người dùng không thấy được hình ảnh có thông tin mà họ không thể thu được nếu không có.
