Trang chủ Đăng nhập
Cùng chơi Army2 sv Trái Quýt, free xu, lượng...

Lần hoạt động

Diễn đàn | Tự làm Wap | Lập trình html
Tìm kiếm
Chia sẻ lên Zing twitter Google PlusView 1890
  Bài 2 - Cách đưa tranh ảnh vào một trang web
xchieclax xchieclax (SV!) [Off] [#] (14.04.2015 / 12:39)
Đang tìm người yêu
Cách đưa tranh ảnh vào một trang web

Trong bài trước, chúng ta đã đề cập đến cách trì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:

  1. <html>
  2. <body bgcolor="#ffffff">
  3. <center>
  4. <img src="myphoto.jpg" width="200" height="400" border="0" alt="Here is my first photo">
  5. </center>
  6. </body>
  7. </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ỉ để trì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 trì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 mình sẽ được xem cái gì.

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 mì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:

  1. <html>
  2. <body bgcolor="#màu mà bạn thích" background="back.jpg">
  3. </body>
  4. </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, nó chỉ có tác dụng khi back.jpg vì lý do gì đó không được nạp.

Xem tiếp Bạn cần [Đăng nhập] để thấy link!

__________
Tin học như cơm bình dân

Bài viết liên quan:

  Tổng số: 1

Lọc theo tác giả
Xem chủ để ngoại tuyến (Offline)

Trong diễn đàn

Sắp xếp theo thứ tự từ trên xuống
1 / 5