Bài 4: Chèn âm thanh và hình ảnh vào trang web

Thứ ba, 25/11/2014 3:39 PM
 

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
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 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: khỏang trang bao quanh hình ảnh
TITLE = title: Tiêu đề của hình ảnh
Vidu:  <img align="left" src="http://timvui.vn/upload_images/f/sun__95087.jpg" width="76" height="85" title="mat cuoi" />

Bây giờ thực hành xây dựng trang giới thiệu công ty thiết kế web Vạn An Thành, có nhạc nền. Bạn copy đọan mã dưới đây vào notepad:

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Hướng dẫn thiết kế website bằng html - Giới thiệu công ty Vạn An Thành</TITLE>
</HEAD>
<BODY bgcolor="#006633" text="#FFFFFF">
<h1>Giới thiệu công ty Vạn An Thành</h1>
<BGSOUND SRC ="http://timvui.vn/upload_music/m/2302.mp3" LOOP = -1>
<p><IMG hspace="2" alt="Giới thiệu awb" align="left" src="/upload_images/images/demo_img.jpg" width="159" height="140">Aweb.vn Chúng tôi sinh ra là để <A title="Thiêt kế web, thiet ke web" href="/content/viewstatic/4.Thiet-ke-web.html" name="Thiêt kế web, thiet ke web"><STRONG>thiết kế website</STRONG></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">Aweb</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.</p>
 
<p>Cùng với một đội ngũ kỹ thuật viên trẻ đầy nhiệt huyết, thông thạo 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 đủ các yếu tố để tạo nên một <A title="Thiết kế web" href="/" name="Thiết kế web"><STRONG>website chuẩn tuyệt   đối</STRONG></A>.</p>
<p><br>
  <br>
    <b><i>Xin Chân thành cảm ơn Quý Khách Hàng đã quan tâm!</i></b></p>
</BODY>
</HTML>

 

Bài viết cùng chuyên mục: "Thiết kế html"

Liên hệ