Hướng dẫn thẻ img trong html

1) Thẻ

- Một thẻ

---

Xem ví dụ

2) Các thuộc tính của thẻ

- Thẻ img bên dưới sử dụng đường dẫn tương đối

Xem ví dụ

2.2) Thuộc tính alt

- Thuộc tính alt dùng để xác định một nội dung văn bản sẽ được hiển thị thay thế khi đường dẫn đến tập tin hình ảnh không chính xác.

Xem ví dụ

2.3) Thuộc tính border

- Thuộc tính border dùng để xác định độ dày của đường viền bao xung quanh tấm hình.

(Mặc định, giá trị của thuộc tính border được tính theo đơn vị pixel)

- Tấm hình bên dưới sẽ có đường viền dày 10px

Xem ví dụ

2.4) Thuộc tính width

- Thuộc tính width dùng để thiết lập chiều rộng cho tấm hình.

- Giá trị của thuộc tính width có thể xác định theo một trong hai loại đơn vị:

• px (pixel)
• % (tỷ lệ phần trăm chiều rộng phần nội dung của phần tử cha của nó)

    
- Tấm hình bên dưới sẽ có chiều rộng bằng 300 pixel
    

    
- Tấm hình bên dưới sẽ có chiều rộng bằng 100% chiều rộng phần nội dung của phần tử cha của nó (tức là phần tử body)
    

Xem ví dụ

2.5) Thuộc tính height

- Thuộc tính height dùng để thiết lập chiều cao cho tấm hình.

- Giá trị của thuộc tính height có thể xác định theo một trong hai loại đơn vị:

• px (pixel)
• % (tỷ lệ phần trăm chiều cao phần nội dung của phần tử cha của nó)

- Lưu ý: Nếu thiết lập giá trị của thuộc tính height theo đơn vị % thì phần tử cha của nó phải có chiều cao được xác định.

    
- Tấm hình bên dưới sẽ có chiều cao bằng 100 pixel
    

    
- Tấm hình bên dưới sẽ có chiều cao bằng 50% chiều cao phần nội dung của phần tử cha của nó.
    

        

    

Xem ví dụ

2.6) Thuộc tính vspace

- Thuộc tính vspace dùng để xác định khoảng cách lề phía trên và lề phía dưới của tấm hình.

- Tấm hình bên dưới sẽ có lề trên và lề dưới là 100px

Xem ví dụ

- Lưu ý; Ta có thể sử dụng thuộc tính margin-top & margin-bottom trong CSS để thay thế.

2.7) Thuộc tính hspace

- Thuộc tính hspace dùng để xác định khoảng cách lề bên trái và lề bên phải của tấm hình.

- Tấm hình bên dưới sẽ có lề trái và lề phải là 100px

Xem ví dụ

- Lưu ý; Ta có thể sử dụng thuộc tính margin-left & margin-right trong CSS để thay thế.

2.8) Thuộc tính align

- Thuộc tính align dùng để xác định vị trí của tấm hình so với các văn bản xung quanh.

- Thuộc tính align có năm giá trị cơ bản:

3) Định dạng CSS mặc định

- Hầu hết các trình duyệt sẽ hiển thị phần tử với định dạng CSS như sau:

img { 
    display: inline-block;
}