Cách chèn ảnh chen nền
Cách đưa tranh ảnh vào một trang web
Trong trang trước, chúng ta đă đề cập đến cách tŕnh bày chữ trong trang web. Để làm cho trang web sinh động hơn, hấp dẫn hơn, bạn có thể đưa thêm tranh ảnh vào. Có những trang web liên quan đến số liệu, đồ thị và đồ thị cũng là một dạng ảnh (images). Sau đây là cách đưa một bức ảnh vào trong trang web.
- Ảnh cho vào trang web nên save dưới dạng .GIF hoặc .JPG
- Không nên to quá, đây không nói đến kích thước (cm) mà nói đến kính cỡ file (số KB).
- Khi scan, bạn hăy chọn 72 dpi (dots per inch) bởi v́ đa phần các màn h́nh máy tính làm việc với độ phân giải này.
- Khi upload trang web, nhớ upload cả ảnh.
- Tên của các file nên sử dụng chữ thường, không nên sử dụng chữ hoa. Ví dụ: myphoto.jpg chứ không Myphoto.jpg.
Sau đây là HTML Code để đưa h́nh ảnh vào trang web:
<html>
<body bgcolor="#ffffff">
<center>
<img src="myphoto.jpg" width="200" height="400" border="0" alt="Here is my first photo">
</center>
</body>
</html> |
Bạn thấy không, điều đó rất đơn giản. Chỉ riêng <img src="myphoto.jpg"> đă đủ để đưa một bức ảnh vào trang web. img là image và src là source. Tất cả những cái đi đằng sau chỉ để tŕnh bày bức ảnh đó đẹp hơn thôi. width là chiều rộng của bức ảnh mà bạn muốn, nó không phụ thuộc vào kích thước gốc của bức ảnh. height là chiều cao. Tất cả đều đo bằng pixel. border="0" báo cho Browser biết là ảnh này sẽ được tŕnh bày không có khung. alt có ích khi ảnh chưa hoặc không được nạp (nhiều người surf không ảnh để đỡ tốn thời gian) Khi đó người xem biết được ḿnh sẽ được xem cái ǵ.
Dùng tranh ảnh làm nền cho trang web
Trong trang trước, chúng ta đă nói đến màu sắc của nền trang web. Bằng cách thay đổi thông số của bgcolor, bạn sẽ tạo được màu nền khác tuỳ theo sở thích của ḿnh. Như bạn chắc cũng đă thấy trong các website đă đến thăm, một trang web c̣n có thể có nền rất đẹp, tạo ra từ những bức tranh nhỏ. Cái đó rất đơn giản. HTML Code sẽ như sau:
<html>
<body bgcolor="#màu mà bạn thích" background="back.jpg">
</body>
</html> |
Bạn thấy đó, ở đây chỉ có một sự khác biệt rất nhỏ: ta thêm background vào và nhận được nền là back.jpg. Tuỳ theo kích cỡ của back.jpg mà nền trông khác nhau. back.jpg sẽ được ghép vào với nhau nếu như cỡ của nó nhỏ hơn window của Browser.
bgcolor có cũng được mà không có cũng vẫn được.