Thông thường khi ta chèn 1 ảnh nhỏ vào trước 1 dòng hay 1 đoạn văn bản nào đó thì ảnh sẽ nằm lệnh so với các đoạn văn bản, ví dụ như bên dưới :
ĐOẠN VĂN BẢN
Ta thấy là lề dưới của ảnh và đoạn văn bản được căn trùng nhau, như thế trông hơi bị lệch.
Việc này thì sẽ dễ dàng khắc phục khi ta dùng lệnh background, ví dụ như bên dưới:
Tuy nhiên khi dùng lệnh background ta phải sử dụng lênh padding để căn lề, nếu không dùng lệnh padding ta sẽ có kết quả như bên dưới :
Như thế ta sẽ thấy quá phức tạp khi phải dùng CSS chỉ để chèn 1 ảnh nhỏ vào trên cùng 1 hàng với các đoạn văn bản. Có 1 cách đơn giản hơn nhiều đó là ta sử dụng trực tiếp lệnh align cho thẻ img, như thế ta hoàn toàn có thế căn lề cho ảnh và cho đoạn văn bản.
Ví dụ :
1. Ảnh và văn bản nằm cân đối trên 1 hàng :
ĐOẠN VĂN BẢN
Để làm điều này ta chỉ cần chèn đoạn code màu đỏ vào trong thẻ img là được:
CODE:
<img src="link ảnh" align="middle" />
2. Ảnh và văn bản được căn lề trên trùng nhau:
ĐOẠN VĂN BẢN
CODE:
<img src="link ảnh" align="top" />
3. Ảnh và văn bản được căn lề dưới trùng nhau:
ĐOẠN VĂN BẢN
CODE:
<img src="link ảnh" align="bottom" />
Chúc các bạn thành công.
Cái này là căn bản cho các bạn mới làm quen với blogger. Đúng là anh FD là của mọi người. Ráng phát huy nha anh.
tại hôm đó ko có ý tưởng gì mới, nên nghĩ ra cái này "chêm" đại vô cho blog đỡ nhạt nhẽo vì không có bài mới :D
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :
[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]
» Có thể sử dụng các thẻ <b>,<i>,<a>.
BlOg FD chính thức đóng comment của khách ẩn danh.
BlOg FD.