Hướng dẫn insert picture css - chèn hình ảnh css
1) Cách chèn hình ảnh vào trang web- Để chèn một tấm hình vào bên trong trang web thì chúng ta thêm thẻ nằm ở ngay vị trí mà mình muốn hình ảnh được hiển thị, cú pháp như sau: Show
- Lưu ý: Đường dẫn đến tập tin hình ảnh có thể được xác định dựa theo đường dẫn tương đối hoặc đường dẫn tuyệt đối (các bạn có thể tham khảo lại cách xác định hai loại đường dẫn này trong bài Liên kết)
Xem ví dụ 2) Thiết lập kích thước hiển thị của hình ảnh
- Nếu muốn thiết lập lại kích thước hiển thị của tấm hình trên trang web thì chúng ta cần phải sử dụng thuộc tính width và thuộc tính heightwidth và thuộc tính height 2.1) Thuộc tính width- Thuộc tính width dùng để thiết lập chiều rộng của tấm hình. - Để sử dụng thuộc tính width thì chúng ta thêm nó vào bên trong thẻ với cú pháp như sau:
- Trong đó, value có thể được xác định dựa theo một trong hai loại đơn vị:
- Lưu ý: Nếu chúng ta chỉ sử dụng thuộc tính width để thiết lập chiều rộng cho tấm hình mà không sử dụng thuộc tính height để thiết lập lại chiều cao cho tấm hình thì mặc định chiều cao của tấm hình sẽ tự động tăng hoặc giảm để giữ tỷ lệ so với chiều rộng của tấm hình (Ví dụ như tôi có một tấm hình với kích thước gốc là 200x500, nếu tôi chỉ sử dụng duy nhất mỗi một thuộc tính width để thiết lập lại chiều rộng cho tấm hình là 100 pixel thì khi hiển thị, tấm hình sẽ có chiều cao là 250 pixel) 2.2) Thuộc tính height- Thuộc tính height dùng để thiết lập chiều cao của tấm hình. - Để sử dụng thuộc tính height thì chúng ta thêm nó vào bên trong thẻ với cú pháp như sau:
- Trong đó, value có thể được xác định dựa theo một trong hai loại đơn vị:
- Lưu ý: Nếu chúng ta chỉ sử dụng thuộc tính width để thiết lập chiều rộng cho tấm hình mà không sử dụng thuộc tính height để thiết lập lại chiều cao cho tấm hình thì mặc định chiều cao của tấm hình sẽ tự động tăng hoặc giảm để giữ tỷ lệ so với chiều rộng của tấm hình (Ví dụ như tôi có một tấm hình với kích thước gốc là 200x500, nếu tôi chỉ sử dụng duy nhất mỗi một thuộc tính width để thiết lập lại chiều rộng cho tấm hình là 100 pixel thì khi hiển thị, tấm hình sẽ có chiều cao là 250 pixel) 2.2) Thuộc tính height- Thuộc tính height dùng để thiết lập chiều cao của tấm hình. - Để sử dụng thuộc tính height thì chúng ta thêm nó vào bên trong thẻ với cú pháp như sau:
- Chiều cao của tấm hình sẽ được xác định dựa theo một giá trị pixel cụ thể.
4) Một số thuộc tính khác- Dưới đây là một số thuộc tính khác thường được sử dụng bên trong thẻ
|