1] Thẻ trong HTML
- Thẻ dùng để chèn hình ảnh vào trang web.
- Ví dụ: Các hình ảnh bên dưới được chèn vào trang web chính là nhờ vào thẻ .
- Một thẻ sẽ tương đương với một tấm hình.
- Thẻ không có thẻ đóng.
- Để sử dụng thẻ , ta dùng cú pháp như sau:
Xem ví dụ
2] Các thuộc tính của thẻ
- Thẻ có chín thuộc tính cơ bản:
- Dưới đây là bảng mô tả sơ lược về chín thuộc tính đó:
src | Xác định đường dẫn đến tập tin hình ảnh mà bạn muốn chèn vào trang web |
alt | 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 |
border | Xác định độ dày của đường viền bao xung quanh tấm hình |
width | Thiết lập chiều rộng cho tấm hình |
height | Thiết lập chiều cao cho tấm hình |
vspace | Xác định khoảng cách lề phía trên và lề phía dưới của tấm hình |
hspace | Xác định khoảng cách lề bên trái và lề bên phải của tấm hình |
align | Xác định vị trí của tấm hình so với các văn bản xung quanh |
usemap | Xác định một "bản đồ hệ thống tọa độ của các vùng" để kết hợp với tấm hình, tạo ra một bản đồ ảnh. Bạn sẽ được tìm hiểu rõ về thuộc tính này trong bài thẻ & |
2.1] Thuộc tính src
- Thuộc tính src dùng để xác định đường dẫn đến tập tin hình ảnh mà bạn muốn chèn vào trang web.
[Đường dẫn đến tập tin hình ảnh có thể là đường dẫn tương đối hoặc đường dẫn tuyệt đối]
- Thẻ img bên dưới sử dụng đường dẫn tuyệt đối
- Thẻ img bên dưới sử dụng đường dẫn tương đối
Xem ví dụ
2] Các thuộc tính của thẻ
- Thẻ có chín thuộc tính cơ bản:
Xem ví dụ
2] Các thuộc tính của thẻ
- Thẻ có chín thuộc tính cơ bản:
- Dưới đây là bảng mô tả sơ lược về chín thuộc tính đó:
src
Xem ví dụ
2] Các thuộc tính của thẻ
- Thẻ có chín thuộc tính cơ bản:
- Dưới đây là bảng mô tả sơ lược về chín thuộc tính đó:
- src
- Xác định đường dẫn đến tập tin hình ảnh mà bạn muốn chèn vào trang web
- 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] Các thuộc tính của thẻ
- Thẻ có chín thuộc tính cơ bản:
- Dưới đây là bảng mô tả sơ lược về chín thuộc tính đó:
- src
- Xác định đường dẫn đến tập tin hình ảnh mà bạn muốn chèn vào trang web
alt
- 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] Các thuộc tính của thẻ
- Thẻ có chín thuộc tính cơ bản:
- Dưới đây là bảng mô tả sơ lược về chín thuộc tính đó:
Xem ví dụ
2] Các thuộc tính của thẻ
- Thẻ có chín thuộc tính cơ bản:
- Dưới đây là bảng mô tả sơ lược về chín thuộc tính đó:
src
Xem ví dụ
2] Các thuộc tính của thẻ
- Thẻ có chín thuộc tính cơ bản:
- Dưới đây là bảng mô tả sơ lược về chín thuộc tính đó:
src
Xác định đường dẫn đến tập tin hình ảnh mà bạn muốn chèn vào trang web | alt | 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 |
border | Xác định độ dày của đường viền bao xung quanh tấm hình | 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 |
border | Xác định độ dày của đường viền bao xung quanh tấm hình | 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 |
border | Xác định độ dày của đường viền bao xung quanh tấm hình | 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 |
border | Xác định độ dày của đường viền bao xung quanh tấm hình | 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 |
border
Xác định độ dày của đường viền bao xung quanh tấm hình
img {
display: inline-block;
}