HTML là một ngôn ngữ đánh dấu được sử dụng để tạo các trang web. Trình duyệt web có thể phân tích tệp HTML. Định dạng tệp này sử dụng các thẻ (e. g ) để xây dựng nội dung trang web. Nó có thể nhúng văn bản, hình ảnh, tiêu đề, bảng, v.v. bằng cách sử dụng các thẻ. Các ngôn ngữ đánh dấu khác như PHP, CSS, v.v. có thể được sử dụng với các thẻ html
Hình ảnh rất quan trọng để làm đẹp cũng như mô tả nhiều khái niệm phức tạp theo cách đơn giản trên trang web của bạn. Hướng dẫn này sẽ đưa bạn qua các bước đơn giản để sử dụng hình ảnh trong các trang web của bạn
Chèn hình ảnh
Bạn có thể chèn bất kỳ hình ảnh nào vào trang web của mình bằng cách sử dụng thẻ
Thẻ
Điều này sẽ tạo ra kết quả sau -
Bạn có thể sử dụng tệp hình ảnh PNG, JPEG hoặc GIF tùy theo sự thoải mái của mình nhưng hãy đảm bảo rằng bạn chỉ định đúng tên tệp hình ảnh trong thuộc tính src. Tên hình ảnh luôn phân biệt chữ hoa chữ thường
Thuộc tính alt là thuộc tính bắt buộc chỉ định văn bản thay thế cho hình ảnh, nếu hình ảnh không thể hiển thị
Đặt vị trí hình ảnh
Thông thường chúng tôi giữ tất cả các hình ảnh trong một thư mục riêng biệt. Vì vậy, hãy tiếp tục kiểm tra tệp HTML. htm trong thư mục chính của chúng tôi và tạo một thư mục con hình ảnh bên trong thư mục chính nơi chúng tôi sẽ giữ kiểm tra hình ảnh của mình. png
Thí dụ
Giả sử vị trí hình ảnh của chúng tôi là "hình ảnh/kiểm tra. png", hãy thử ví dụ sau -
Using Image in WebpageSimple Image Insert
Điều này sẽ tạo ra kết quả sau -
Đặt chiều rộng/chiều cao của hình ảnh
Bạn có thể đặt chiều rộng và chiều cao của hình ảnh dựa trên yêu cầu của mình bằng cách sử dụng thuộc tính chiều rộng và chiều cao. Bạn có thể chỉ định chiều rộng và chiều cao của hình ảnh theo pixel hoặc tỷ lệ phần trăm của kích thước thực của nó
Thí dụ
Set Image Width and HeightSetting image width and height
Điều này sẽ tạo ra kết quả sau -
Đặt viền ảnh
Theo mặc định, hình ảnh sẽ có đường viền xung quanh, bạn có thể chỉ định độ dày của đường viền theo pixel bằng thuộc tính đường viền. Độ dày bằng 0 có nghĩa là không có đường viền xung quanh hình ảnh
Thí dụ
Set Image BorderSetting image Border
Điều này sẽ tạo ra kết quả sau -
Đặt căn chỉnh hình ảnh
Theo mặc định, hình ảnh sẽ căn chỉnh ở bên trái của trang, nhưng bạn có thể sử dụng thuộc tính align để đặt nó ở giữa hoặc bên phải
Chuyển đổi các tệp PNG của bạn trực tuyến. Bạn có thể chuyển đổi tài liệu PNG của mình từ mọi nơi, từ mọi máy hoặc thậm chí từ thiết bị di động. Trình chuyển đổi PNG luôn có sẵn trực tuyến và hoàn toàn miễn phí
Rất tiếc, tốc độ tải xuống của bạn quá thường xuyên và hệ thống nghi ngờ rằng có nguy cơ hoạt động của robot
Vui lòng điền thông tin nhận dạng theo yêu cầu để xác minh hoạt động của bạn
Vui lòng đảm bảo tính xác thực của thông tin bạn điền vào. Sau khi xác minh thành công, bạn có thể tải xuống bình thường