Thiết kế Website đơn giản với HTML

Thiết kế Website đơn giản với HTML - Bài 4

Chỉ mục bài viết
Thiết kế Website đơn giản với HTML
Bài 2
Bài 3
Bài 4
Bài 5
Bài tiếp theo
Tất cả các trang

JPAGE_CURRENT_OF_TOTAL

Bài 4 CHÈN ÂM THANH VÀ HÌNH ẢNH VÒA TRANG WEB

1. Đưa âm thanh vào trang web.

Cú pháp:

<BGSOUND SRC = url LOOP = n>
url: Đường dẫn đến file âm thanh, file âm thanh có đuôi: .mepg, avi, mov, au, mid, .mp3,...
n: Số lần chơi lặp lại của file âm thanh, -1 nếu muốn chơi lặp lại vô tận.

2. Đưa hình ảnh vào trang web.

Cú pháp:

<IMG
ALIGN = TOP/MIDDLE/BOTTOM
ALT = text
BORDER = n
SRC = url
WIDTH = width
HEIGHT = height
HSPACE = vspace
VSPACE = hspace
TITLE = title
>

Trong đó:

ALIGN = TOP/ MIDDLE/ BOTTOM/ LEFT/ RIGHT: Canh hình ảnh so với nội dung văn bản.
ALT = text : Chữ sẽ được hiển thị khi hình ảnh không tồn tại hoặc chức năng show hình ảnh bị tắt.
BORDER = n: Kích thước đường viền bao quanh hình ảnh.
SRC = url : Địa chỉ hình ảnh được chèn vào tài liệu.
WIDTH/HEIGHT: Chiều rộng chiều cao của hình ảnh
HSPACE/VSPACE: Khoản trắng bao quanh hình ảnh
TITLE = title: Tiêu đề của hình ảnh
Vidu: <img align="left" src="http://www.webgiare.net/images/webgiare.jpg" width="76" height="85" title="logo" />

Bây giờ chúng ta sẻ thực hành xây dựng trang giới thiệu công ty thiết kế web - Webgiare.net, có nhạc nền. Bạn copy đọan mã dưới đây vào notepad nhé:

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Chèn âm thanh và hình ảnh vào Website - Giới thiệu công ty thiết kế web - Webgiare.net</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#FFFFFF">
<h1>Giới thiệu công ty thiết kế web - Webgiare.net</h1>
<BGSOUND SRC ="/sound/027Nho ve em - Jimmi Nguyen.mp3" LOOP = -1>
<IMG hspace="2" alt="Giới thiệu Webgiare.net" align="left" src="/image/webgiare.jpg" width="159" height="140"> Chúng tôi sinh ra là để <A title="Thiêt kế web, thiet ke web" href="http://webgiare.net" name="Thiêt kế web, thiet ke web">thiết kế website</A>. Với phương thức kinh doanh “ Tận tụy với Khách Hàng, Tận tâm với công việc” là yếu tố quan trọng nhất được <A title="Thiết kế web" href="/" name="Thiết kế web">Webgiare.net</A> đặt làm phương thức kinh doanh, là nền tảng vững chắc để phát triển cao hơn, xa hơn và trên toàn Thế giới.

Cùng với một đội ngũ kỹ thuật thiết kế và lập trình viên trẻ trung và đầy nhiệt huyết, thông thạo đồ hoạ và lập trình luôn tìm tòi học hỏi nỗ lực không ngừng và sự góp phần của các chuyên gia dày dặn kinh nghiệm trong lĩnh vực CNTT đã phát triển tạo ra một công nghệ <A title="Thiết kế web" href="/" name="Thiết kế web">CMS NVA</A> hoàn thiện đạt hiệu quả tối đa nhất để đảm bảo độ bảo mật của website đạt tiêu chuẩn Quốc tế, tính bản quyền tuyệt đối, tương thích với mọi trình duyệt, thân thiện với các công cụ tìm kiếm, không hạn chế các tính năng, mở rộng dễ dàng, chiếm dụng ít tài nguyên, tốc độ tải trang rất nhanh…Hội tụ đầy đủ các yếu tố để tạo nên một <A title="Thiết kế web" href="/" name="Thiết kế web">website chuẩn tuyệt đối 2.0</A>.
 
 
Xin lưu ý: các bạn nên tạo một thư mục image và sound ngay tại nơi bạn lưu file html đẻ chèn link vào cho phần nhạc nền cũng như hình ảnh
Webgiare.net chân Thành cảm ơn Quý Khách Hàng đã quan tâm và ủng hộ Chúng tôi trong thời gian qua!
</BODY>
</HTML>