tuan11nguyen
Thành viên gắn bó 0988485689 
Ghi danh : 10/08/2016
Bài viết : 117
Xu : 30138
Được thích : 9
Ý thức : Tốt
Giới tính : 
Tuổi : 34
Đến từ : Tuoitrevn.NET
Raovat.tuoitrevn.NET - Diễn đàn rao vặt hiệu quả - Đăng tin quảng cáo miễn phí, mua bán rao vặt uy tín chất lượng hàng đầu Việt Nam .Âm thanh, hình ảnh, audio khiến cho trang web của chúng ta thêm đẹp đẽ, sống động hơn. các thành phần này được biểu lộ bằng HTML như thế nào thì trong bài viết này tôi sẽ cộng Anh chị em khám phá và dùng các thẻ để biểu lộ các thành phần hình ảnh, audio, video trong trang web.
Tìm hiểu về bài học android căn bản
Giới thiệu
Âm thanh, hình ảnh, audio khiến cho trang web của chúng ta thêm đẹp đẽ, sống động hơn. các thành phần này được biểu lộ bằng HTML như thế nào thì trong bài viết này tôi sẽ cộng Anh chị em khám phá và dùng các thẻ để biểu lộ các thành phần hình ảnh, audio, video trong trang web.
Đối tượng hướng đến
Lập trình viên mới bắt đầu lập trình web căn bản mang HTML và đã xem qua các bài viết trước trong chuỗi bài viết về HTML.
Thẻ hình ảnh
Trong HTML, hình ảnh được định nghĩa bởi thẻ mang cấu trúc như sau:
thuộc tính url xác định con đường dẫn đến 1 hình ảnh và thuộc tính alt là xác định 1 đoạn text khi hình ảnh không được hiển thị.
không những thế Anh chị em mang thể thêm thuộc tính height và width để xác định khích thước cho 1 hình ảnh.
thí dụ hiển thị logo củavới height 100 và width 200:
Kết quả
audio hiện trạng âm thanh bật hay mở
autoplay Tự động play video khi load
controls Hiển thị công cụ điều khiển video: play, pause, âm thanh, âm lượng...
height Chiều cao video
loop Lặp lại video
poster Hình đại diện của video
preload chuyển vận video khi chuyển vận trang
src con đường dẫn video
width Chiều rộng video
Lưu ý: Thẻ img không mang thể đóng. không những thế Anh chị em dùng vẫn cho kết quả đúng.
Thẻ audio
Trước khi HTML5 ra đời để chơi video hay audio chúng ta phải dùng plug-in như flash. HTML5 ra đời hỗ trợ cho chúng ta chơi audio, video 1 cách thật lý tưởng dùng thẻ và .
Để chơi audio ta dùng thẻ audio mang cấu trúc như sau:
thuộc tính controls xác định các control chúng ta dùng để chơi nhạc như play, pause, volume.
Thẻ Souce cất thông báo về file nhạc mà chúng ta muốn chơi mang các thuộc tính
url: xác định con đường dẫn đến file audio.
type: kiểu audio phụ thuộc và các định dạng tương ứng.
HTML5 chỉ hỗ trợ audio mang định dạng MP3, WAV, and Ogg mang các media type như sau:
Audio Format Media Type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav
thí dụ chơi audio sử dung thẻ :
Bạn có thể tìm hiểu về học html cơ bản
Kết quả sau khi chạy mang trình duyệt
mang thể thêm thuộc tính autoplay của thẻ audio để audio tự play sau khi tài liệu được load.
Thẻ video
các giá thuộc tính cũng giống như đối mang thẻ audio nhưng media type mang phần dị biệt. Chi tiết được cho ở bảng dưới đây.
File Format Media Type
MP4 video/mp4
WebM video/webm
Ogg video/ogg
thí dụ chơi 1 video
Kết quả
Hướng dẫn về học lập trình web
không những thế Anh chị em mang thể tham khảo thêm bài viết chỉ dẫn Nhúng 1 Clip Youtube Vào Trang Web HTML của tác giả để biết thêm 1 cách play video khác.
Tìm hiểu về bài học android căn bản
Giới thiệu
Âm thanh, hình ảnh, audio khiến cho trang web của chúng ta thêm đẹp đẽ, sống động hơn. các thành phần này được biểu lộ bằng HTML như thế nào thì trong bài viết này tôi sẽ cộng Anh chị em khám phá và dùng các thẻ để biểu lộ các thành phần hình ảnh, audio, video trong trang web.
Đối tượng hướng đến
Lập trình viên mới bắt đầu lập trình web căn bản mang HTML và đã xem qua các bài viết trước trong chuỗi bài viết về HTML.
Thẻ hình ảnh
Trong HTML, hình ảnh được định nghĩa bởi thẻ mang cấu trúc như sau:
thuộc tính url xác định con đường dẫn đến 1 hình ảnh và thuộc tính alt là xác định 1 đoạn text khi hình ảnh không được hiển thị.
không những thế Anh chị em mang thể thêm thuộc tính height và width để xác định khích thước cho 1 hình ảnh.
thí dụ hiển thị logo củavới height 100 và width 200:
Kết quả
audio hiện trạng âm thanh bật hay mở
autoplay Tự động play video khi load
controls Hiển thị công cụ điều khiển video: play, pause, âm thanh, âm lượng...
height Chiều cao video
loop Lặp lại video
poster Hình đại diện của video
preload chuyển vận video khi chuyển vận trang
src con đường dẫn video
width Chiều rộng video
Lưu ý: Thẻ img không mang thể đóng. không những thế Anh chị em dùng vẫn cho kết quả đúng.
Thẻ audio
Trước khi HTML5 ra đời để chơi video hay audio chúng ta phải dùng plug-in như flash. HTML5 ra đời hỗ trợ cho chúng ta chơi audio, video 1 cách thật lý tưởng dùng thẻ và .
Để chơi audio ta dùng thẻ audio mang cấu trúc như sau:
- Nội dung hiển thị nếu trình duyệt không hỗ trợ thẻ audio
thuộc tính controls xác định các control chúng ta dùng để chơi nhạc như play, pause, volume.
Thẻ Souce cất thông báo về file nhạc mà chúng ta muốn chơi mang các thuộc tính
url: xác định con đường dẫn đến file audio.
type: kiểu audio phụ thuộc và các định dạng tương ứng.
HTML5 chỉ hỗ trợ audio mang định dạng MP3, WAV, and Ogg mang các media type như sau:
Audio Format Media Type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav
thí dụ chơi audio sử dung thẻ :
Bạn có thể tìm hiểu về học html cơ bản
-
-
-
-
Play Audio Demo
- Trình duyệt không hỗ trợ thẻ audio
-
Kết quả sau khi chạy mang trình duyệt
mang thể thêm thuộc tính autoplay của thẻ audio để audio tự play sau khi tài liệu được load.
-
- Trình duyệt không hỗ trợ thẻ audio
Thẻ video
-
- Nội dung hiển thị nếu trình duyệt không hổ trợ thẻ video
các giá thuộc tính cũng giống như đối mang thẻ audio nhưng media type mang phần dị biệt. Chi tiết được cho ở bảng dưới đây.
File Format Media Type
MP4 video/mp4
WebM video/webm
Ogg video/ogg
thí dụ chơi 1 video
-
-
-
-
Play Video Demo
-
- Trình duyệt không hỗ trợ thẻ video
-
-
Kết quả
Hướng dẫn về học lập trình web
không những thế Anh chị em mang thể tham khảo thêm bài viết chỉ dẫn Nhúng 1 Clip Youtube Vào Trang Web HTML của tác giả để biết thêm 1 cách play video khác.
|
|
|
