VietTuts

Tự Học Lập Trình Online

  • Home
  • Java
  • Servlet
  • JSP
  • Struts2
  • Hibernate
  • Spring
  • MyBatis
  • Java WS
  • C
  • C++
  • C#
  • Python
  • PHP
  • Excel
  • VBA
  • Web
    • JavaScript
    • JQUERY
    • JSON
    • AJAX
    • CSS
    • HTML
    • HTML5
    • Node.js
    • Angular 7
  • SQL
    • MySQL
    • SQL Server
  • Misc
    • Eclipse
    • Phần mềm tiện ích
    • Cấu trúc DL&GT
    • Selenium Test

HTML Tuts

HTML là gì? Các thẻ HTML Định dạng trong HTML Tiêu đề trong HTML Đoạn văn trong HTML Liên kết trong HTML Ảnh trong HTML Table trong HTML Danh sách trong HTML Danh sách có thứ tự Danh sách không có thứ tự Danh sách mô tả Form trong HTML Thuộc tính Style Comment trong HTML Bảng màu trong HTML Thuộc tính chung trong HTML

Các thẻ HTML

Thẻ HTML Marquee Thẻ HTML Textarea HTML DOCTYPE Thẻ HTML Title Thẻ HTML meta Thẻ HTML Div Thẻ HTML Pre Thẻ HTML Code Thẻ HTML Label Thẻ HTML Input Thẻ HTML Button Thẻ HTML HR Thẻ HTML BR Thẻ HTML Script Thẻ HTML NoScript Thẻ HTML b Thẻ HTML Quotes

Bài học HTML

Text Link trong HTML Image Link trong HTML Email Link trong HTML Frame trong HTML Iframe trong HTML Block trong HTML Thiết lập màu nền (background) trong HTML Màu trong HTML Font trong HTML Thẻ embed - Đa phương tiện trong HTML Tạo chữ chạy (Marquee) trong HTML Style Sheet trong HTML Sử dụng Javascript trong HTML Layout trong HTML Tổng hợp thuộc tính trong HTML Sự kiện (Event) trong HTML Các Font tham khảo trong HTML Mã hóa ASCII trong HTML Bảng ASCII trong HTML Các thực thể HTML Mã hóa URL trong HTML Mã hóa các ngôn ngữ chuẩn ISO trong HTML Mã hóa ký tự trong HTML

Câu hỏi phỏng vấn

Phỏng vấn HTML
1 / 3
❮ ❯

Thẻ embed - Đa phương tiện trong HTML


Font trong HTML
Tạo chữ chạy (Marquee) trong HTML


Nội dung chính

  • Thẻ embed trong HTML
    • Ví dụ thẻ embed - Đa phương tiện trong HTML
  • Thuộc tính của thẻ <embed> trong HTML
  • Các kiểu Video được hỗ trợ
  • Background Audio trong HTML
  • Thẻ object trong HTML
    • Ví dụ object trong HTML - 1
    • Ví dụ object trong HTML - 2
    • Ví dụ object trong HTML - 3
    • Ví dụ object trong HTML - 4
    • Ví dụ object trong HTML - 5

Thẻ embed trong HTML

Đôi khi bạn cần thêm video hoặc nhạc vào trong trang web của mình. Cách đơn giản nhất để thêm video hay âm thanh vào site của bạn là bao nó trong một thẻ HTML gọi là <embed>.

Bạn cũng có thể sử dụng một thẻ <noembed> đối với các trình duyệt không nhận thẻ <embed>. Ví dụ, bạn có thể sử dụng thẻ <embed> để hiển thị một đoạn phim và sử dụng thẻ <noembed> để hiển thị các ảnh IPG nếu trình duyệt không hỗ trợ thẻ <embed>.

Ví dụ thẻ embed - Đa phương tiện trong HTML

Sau đây là một ví dụ đơn giản để chạy một file dạng mp3 được nhúng:


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Thẻ embed trong HTML</title>
</head>
<body>
<embed src="/html/hello-song.mp3" width="100%" height="60" >
   <noembed><img src="your-image.gif" alt="Alternative Media" ></noembed>
</embed>
</body>
</html>

Bạn có thể đặt bất kỳ file đa phương tiện nào trong thuộc tính src. Bạn hãy tự mình thực hành các kiểu đa phương tiện khác nhau.



Thuộc tính của thẻ <embed> trong HTML

Bảng dưới đây liệt kê danh sách các thuộc tính được sử dụng trong thẻ <embed>.

Thuộc tínhMô tả
alignCăn chỉnh đối tượng: center, left hoặc right.
autostartThuộc tính logic này xác định có hay không đa phương tiện nên khởi động tự động. Giá trị là true hoặc false.
loopXác định nếu âm thanh sẽ được tiếp tục chơi (thiết lập loop là true), hay chơi trong một thời gian nhất định (một giá trị xác định), hoặc không (false).
playcountXác định lượng thời gian để âm thanh được chơi. Đây là tùy chọn thay thế cho tùy chọn loop nếu bạn đang sử dụng IE.
hiddenXác định đối tượng đa phương tiện sẽ được hiển thị trên trang. Giá trị false nghĩa là không và true là có.
widthĐộ rộng của đối tượng thể hiện bằng pixel.
heightChiều cao của đối tượng thể hiện bằng pixel.
nameTên được sử dụng để tham chiếu của đối tượng.
srcĐịa chỉ URL của đối tượng được nhúng.
volumeĐiều khiển âm lượng của âm thanh. Giá trị từ 0 (tắt) đến 100 (âm lượng to nhất).

Các kiểu Video được hỗ trợ

Bạn có thể sử dụng các kiểu đa phương tiện khác nhau như Flash movies (.swf), AVI's (.avi), và MOV's (.mov) trong thẻ embed.

  • .swf files - là các file được tạo bởi chương trình Macromedia's Flash.
  • .wmv files - được tạo bởi Microsoft's Window's Media Video.
  • .mov files - được tạo bởi định dạng Apple's Quick Time Movie.
  • .mpeg files - được tạo bởi Moving Pictures Expert Group.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ví dụ thẻ embed trong HTML</title>
</head>
<body>
<embed src="/html/your-file.avi" width="200" height="200" >
   <noembed><img src="your-image.gif" alt="Alternative Media" ></noembed>
</embed>
</body>
</html>


Background Audio trong HTML

Bạn có thể sử dụng thẻ <bgsound> để chơi một bản soundtrack trong nền của trang web. Thẻ này chỉ được hỗ trợ bởi IE và hầu hết các trình duyệt khác bỏ qua thẻ này. Thẻ này tải về và chơi một tệp âm thanh khi tài liệu lưu trữ được tải về lần đầu tiên bởi người sử dụng và được hiển thị. Tệp âm thanh nền cũng sẽ chơi lại bất cứ khi nào người sử dụng tải lại trình duyệt.

Thẻ này chỉ có hai thuộc tính là loop và src. Cả hai thuộc tính này đều có ý nghĩa như trên.

Sau đây là ví dụ để chơi một tệp mini nhỏ:


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ví dụ thẻ embed trong HTML</title>
</head>
<body>
<bgsound src="/html/your-file.mid">
   <noembed><img src="yourimage.gif" ></noembed>
</bgsound>
</body>
</html>

Nó sẽ tạo ra một màn hình trắng. Thẻ này không hiển thị bất kỳ yếu tố nào và bị ẩn đi.

IE có thể cũng chỉ điều khiển 3 định dạng âm thanh khác nhau: wav (định dạng tự nhiên cho PCs); au (định dạng tự nhiên cho Unix); và MIDI.


Thẻ object trong HTML

HTML 4 giới thiệu phần tử <object>, mà cung cấp giải pháp chung dựa trên các đối tượng. Phần tử này cho phép lập trình viên HTML xác định mọi thứ cần thiết bởi một đối tượng để trình bày trên Client.

Dưới đây là các ví dụ:

Ví dụ object trong HTML - 1

Bạn có thể nhúng một tài liệu HTML trong một tài liệu HTML như sau:


<object data="/data/test.htm" type="text/html" width="300" height="200">
  alt : <a href="/data/test.htm">test.htm</a>
</object>

Tại đây thì thuộc tính alt sẽ được sử dụng cho hình ảnh nếu trình duyệt không hỗ trợ thẻ object.

Ví dụ object trong HTML - 2

Bạn có thể nhúng một tài liệu PDF trong một tài liệu HTML như sau:


<object data="data/test.pdf" type="application/pdf" width="300" height="200">
  alt : <a href="data/test.pdf">test.htm</a>
</object>

Ví dụ object trong HTML - 3

Bạn có thể xác định một số tham số liên quan tới thẻ <param>. Dưới đây là ví dụ về một tệp dạng wam được nhúng:


<object data="data/test.wav" type="audio/x-wav" width="200" height="20">
  <param name="src" value="data/test.wav">
  <param name="autoplay" value="false">
  <param name="autoStart" value="0">
  alt : <a href="data/test.wav">test.wav</a>
</object>

Ví dụ object trong HTML - 4

Bạn có thể thêm một tài liệu flash như sau:


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="penguin" 
   codebase="someplace/swflash.cab" width="200" height="300">
   <param name="movie" value="flash/penguin.swf" />
   <param name="quality" value="high" />
   <img src="penguin.jpg" width="200" height="300" alt="Penguin" />
</object>

Ví dụ object trong HTML - 5

Bạn có thể thêm một mã Java vào trong tài liệu HTML như sau:


<object classid="clsid:8ad9c840-044e-11d1-b3e9-00805f499d93" 
   width="200" height="200">
   <param name="code" value="applet.class">
</object>

Thuộc tính classid xác định phiên bản của Java Plug-in được sử dụng. Bạn có thể sử dụng thuộc tính codebase để xác định nếu và cách tải JRE.


Font trong HTML
Tạo chữ chạy (Marquee) trong HTML

Recent Updates

Sắp Tết 2024 Rồi! - Còn bao nhiêu ngày nữa là đến tết 2024?Liên kết css với htmlMã hóa ký tự trong HTMLMã hóa các ngôn ngữ chuẩn ISO trong HTMLMã hóa URL trong HTMLCác thực thể HTMLBảng ASCII trong HTMLMã hóa ASCII trong HTMLCác Font tham khảo trong HTMLSự kiện (Event) trong HTMLTổng hợp thuộc tính trong HTMLLayout trong HTMLSử dụng Javascript trong HTML

VietTuts on facebook

Học Lập Trình Online Miễn Phí - VietTuts.Vn
Danh Sách Bài Học

Học Java | Hibernate | Spring
Học Excel | Excel VBA
Học Servlet | JSP | Struts2
Học C | C++ | C#
Học Python
Học SQL

Bài Tập Có Lời Giải

Bài tập Java
Bài tập C
Bài tập C++
Bài tập C#
Bài tập Python
Ví dụ Excel VBA

Câu Hỏi Phỏng Vấn

201 câu hỏi phỏng vấn java
25 câu hỏi phỏng vấn servlet
75 câu hỏi phỏng vấn jsp
52 câu hỏi phỏng vấn Hibernate
70 câu hỏi phỏng vấn Spring
57 câu hỏi phỏng vấn SQL

Scroll back to top

Copyright © 2016 VietTuts.Vn all rights reserved. | Liên hệ | Chính sách - riêng tư | sitemap.html | sitemap_index.xml