CHƯƠNG 1 : TỔNG QUAN
2.4 Cấu trúc trang HTML
2.4.9 Âm thanh, video, flash và applet
Thẻ hình ảnh, phim <IMG>:
Trong phần 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.
Sử dụng thẻ <img> để thêm hình ảnh hoặc phim vào trang web <IMG ALIGN=align-type ALT=text SRC=url BORDER=n HEIGTH=n WIDTH=n HSPACE=n VSPACE=n> Trong đó:
- ALIGN=align-type: lề cho ảnh hay cho văn bản bao quanh ảnh. Giá trị có thể là TOP, MIDDLE, BOTTOM, LEFT, RIGHT.
- ALT=text: văn bản hiển thị hay thay thế cho hình ảnh khi chức năng "Show Picture" trong trình duyệt bị tắt.
- SRC=url: chỉ định đường dẫn tới ảnh
- BORDER=n: đường viền ảnh. Nếu ảnh được dùng cho hyperlink thì đường viền có màu trùng với màu hyperlink. Nếu ảnh khơng dùng cho hyperlink thì đường viền không hiển thị.
- HEIGTH=n, WIDTH=n: chỉ độ cao và độ rộng của ảnh. Ðơn vị bằng pixel.
- HSPACE=n, VSPACE=n: chỉ định khoảng cách từ ảnh đến văn bản quanh nó theo chiều ngang và dọc.
Ví dụ:
<IMG SRC="images/pic1.gif" ALT="[các nội dung]" ALIGN=MIDDLE HSACE=5 VSPACE=5>Nội dung</A>
Chỉ riêng <img src="myphoto.jpg"> đã đủ để đưa một bức ảnh vào trang web. Những thuộc tính khác chỉ nhằm mục đích định dạng trình bày cách hiển thị của bức ảnh.
Một số lưu ý khi sử dụng ảnh trên trang web:
o Ảnh cho vào trang web nên save dưới dạng .GIF, .JPG hoặc PNG
o Khơng nên to q, đây khơng nói đến kích thước (cm) mà nói đến kính cỡ file (số KB).
o Khi upload trang web, nhớ upload cả ảnh.
o 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.
Applets:
(Trang 359 - JS)
Sau đây là đoạn code để đưa applet sóng vào trang web. Tơi sử dụng folder riêng cho Images (images/) và Applets (applets/) nên đường dẫn tới chúng phải có thêm: codebase = "applets/" và "images/"
<applet codebase="applets/" code="Lake.class" align="right" width="288" height="270" id="Lake">
<param name="image" value="images/paris.jpg"> <param name="href" value="http://www.cit.udn.vn"> </applet>
Flash: