Sử dụng offset và flexbox trong Bootstrap
Sử dụng Offset trong Bootstrap Offset là gì? Trong Bootstrap, offset được sử dụng để tạo khoảng trống bên trái của một cột, đẩy nó sang phải một số cột nhất định. Điều này giúp bạn căn chỉnh các cột…
Sidebar nếu sử dụng col-md-3 thì khá to, col-md-2 thì lại khá nhỏ, cách khắc phục?
Khi sử dụng hệ thống lưới (grid system) của Bootstrap với 12 cột, trường hợp của bạn muốn hai cột sidebar ở hai bên không quá to cũng không quá nhỏ. Nếu sử dụng col-md-3 (tức là mỗi sidebar chiếm…
Tại sao Bootstrap lại chia thành 12 cột mà không phải là con số khác?
Bootstrap chia bố cục thành 12 cột vì lý do linh hoạt và tiện lợi trong thiết kế web. Dưới đây là những lý do chính: Tính chia hết cao Số 12 có nhiều ước số (1, 2, 3, 4,…
Thẻ img trong html
Các thuộc tính quan trọng của thẻ img src (source): Đây là thuộc tính bắt buộc. Dùng để xác định đường dẫn của hình ảnh mà bạn muốn hiển thị. Ví dụ: <img src=”path” />. alt (alternative text): Là văn…
File 400.shtml, 401.shtml, 403.shtml, 404.shtml, 500.shtml có tác dụng gì?
SHTML là gì? .shtml là phần mở rộng tệp (file extension) của các trang web có hỗ trợ Server Side Includes (SSI), một công nghệ cho phép máy chủ (server) thực hiện các lệnh đặc biệt trên các trang web…
Chuyển nhiều ảnh JPG/PNG sang WebP bằng HTML/CSS và JavaScript
Để chuyển đổi nhiều ảnh cùng một lúc và giữ nguyên tên ảnh chỉ thay đổi đuôi thành .webp, bạn có thể điều chỉnh mã JavaScript để hỗ trợ chọn nhiều file ảnh, sau đó xử lý từng ảnh một.…
Chuyển đổi từng ảnh JPG/PNG sang WebP bằng HTML/CSS và JavaScript
Việc chuyển đổi ảnh từ các định dạng như JPG, PNG sang WebP thông qua JavaScript thuần và HTML/CSS là một tác vụ phức tạp hơn, bởi vì việc này đòi hỏi phải xử lý hình ảnh ở cấp độ…
Chuyển đổi ảnh JPG/PNG sang WebP bằng PHP
Dưới đây là đoạn code PHP dùng để chuyển đổi hình ảnh từ định dạng JPG, JPEG, hoặc PNG sang định dạng WebP. Đoạn mã này sử dụng thư viện GD của PHP, một thư viện hình ảnh phổ biến…
Dấu chấm than (!) trong CSS
Dấu chấm than ! trong CSS không phải là một phần của cú pháp CSS chuẩn. Tuy nhiên, trong một số trường hợp, dấu ! có thể xuất hiện nếu bạn sử dụng các CSS frameworks như Tailwind CSS hoặc…
Thẻ a trong html
Thẻ <a> trong HTML là viết tắt của “anchor” (liên kết), và được sử dụng để tạo liên kết đến các trang web khác, tài liệu khác, địa chỉ email, hoặc các phần khác của cùng một tài liệu. Dưới…