Hình ảnh có thể cải thiện giao diện của một trang web bằng cách chia nhỏ văn bản và thêm sự quan tâm trực quan. Các hình ảnh hiển thị trên một trang web thực sự là các liên kết đến một hình ảnh nội bộ hoặc từ xa. Nói cách khác, hình ảnh là một tệp khác, trên cùng một máy chủ với trang web hoặc một máy chủ từ xa. Để đặt một hình ảnh bên trong một trang web, bạn phải cho trình duyệt biết vị trí cần tìm hình ảnh. Thông tin này được đặt trong ""với thuộc tính" src ".
Tạo hình ảnh
Nếu hình ảnh của bạn được lưu trữ trên máy chủ web lưu trữ trang web của bạn, bạn có thể chỉ cần đặt tên của hình ảnh trong thẻ như: Tuy nhiên, nếu hình ảnh của bạn được đặt trên máy chủ từ xa, bạn phải đặt liên kết đến hình ảnh trong thẻ như:
Cho dù bạn sử dụng hình ảnh cục bộ hay từ xa, có một số thuộc tính mà bạn có thể sử dụng để căn chỉnh hình ảnh của mình trên trang. Thuộc tính "align" được sử dụng để căn chỉnh hình ảnh theo chiều ngang. Các giá trị có thể là "phải", "trái" hoặc ở giữa. Ví dụ: để đặt một hình ảnh từ xa ở phía bên phải của trang, mã HTML sẽ là:
Thuộc tính "valign" được sử dụng để căn chỉnh hình ảnh theo chiều dọc trên màn hình. Các giá trị có thể là "trên cùng", "dưới cùng" và "trung tâm". Để căn chỉnh ví dụ trên ở phía trên bên phải của màn hình, mã sẽ là:
Một thuộc tính khác là thuộc tính "alt". Điều này được sử dụng để đặt văn bản vào vị trí của hình ảnh nếu khách truy cập đang sử dụng trình duyệt web dựa trên văn bản hoặc nếu liên kết đến hình ảnh bị hỏng. Thuộc tính "alt" được sử dụng theo cách sau:
Cuối cùng, bạn có thể làm cho hình ảnh của mình trở thành một siêu liên kết bằng cách thêm thẻ "". Điều này cho phép khách truy cập nhấp vào hình ảnh để được đưa đến một trang từ xa hoặc đến chính bức ảnh đó. Mã HTML để tạo hình ảnh với siêu liên kết là:
