HTML

Hiển thị tập tin kỹ thuật số vào trang HTML

Ở bài này mĩnh sẽ giới thiệu đến các bạn cách chèn các tập tin kyc thuật số vào trang HTML như hình ảnh, video, âm thanh . Với các bạn chỉ cần học thuộc các cấu trúc thẻ là được, việc khai báo các tập tin này trong html rất đơn giản nên mọi người chú ý học một lần là làm được nha.

cac-dinh-dang-video-va-am-nhac

Chèn ảnh vào HTML

Thẻ ảnh là một thẻ cơ bản, có cấu trúc đơn giải và có tính thông dụng cao, thẻ này mình cũng đã nói ở các bài trước rồi nhưng ở bài này vẫn sẽ giới thiệu lại cho các bạn thẻ này.

<img src="URL hình ảnh" title=" Tiêu đề hình ảnh "/> 

Giải thích các thuộc tính:

  • src: Đường dẫn đến tập tin hình ảnh.
  • title: Tiêu đề của hình ảnh.

Như các bạn thấy thẻ hình ảnh có chia làm 2 phần, mỗi phần lại được đặt trong giấu " " gồm phần liên kết đến hình ảnh và tiêu đề ảnh.

VD:

 <img="https://wpguide.vn/wp-content/uploads/2015/09/logo1.png" title=" logo web "/> 

Chèn video vào HTML

Để chèn video trong html chúng ta sẽ phải sử dụng cặp thẻ <video> </video> :

<video width="320" height="240" controls>
<source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4">
</video>

Giải thích các thuộc tính:

  • width : chiều rộng khi video hiển thị trên trang web
  • height : chiều dài khi video hiển thị trên trang web
  • src : đường dẫn đến video muốn hiển thị
  • type : định dạng video

Chèn âm thanh – nhạc trong HTML

Thẻ này khá giống với thẻ video nhưng được kí hiệu khác đi một tý.

 <object width="400" height="400" data="helloworld.swf"></object> 

Giải thích các thuộc tính:

  • width : chiều rộng khi thanh phát hiển ân thanh thị trên trang web
  • height : chiều dài khi thanh phát âm thanh hiển thị trên trang web
  • data : đường dẫn đến tập tin âm thanh muốn hiển thanh

 

Nhúng tài liệu HTML vào web

Trong html cho phép bạn có thể nhúng một tập tin html vào một tập tin html khác, bạn có thể sử dụng thẻ sau để làm điều đó:

 <iframe src="https://wpguide.vn" width="500px" height="800px" scrolling="auto"></iframe> 

Giải thích các thuộc tính:

  • src: Đường dẫn đến tập tin html
  • width: Chiều rộng khung hiển thị tập tin
  • height: Chiều dài khung hiển thị tập tin

Lời kết: Bài này mình đã giới thiệu cho các bạn cách để chèn các tập tin kỹ thuật số vào trang web, mọi thắc mắc hay góp y các bạn vui lòng để lại bình luận để mình và mọi người giải đáp nhé.

About the author

David Lợi

Tôi là Lợi . Tôi học tất cả mọi thứ và chia sẻ những gì tôi học được đến tất cả mọi người. Hãy ủng hộ tôi nếu bạn tin tôi và tin vào khả năng của bạn. Tôi sẽ giúp bạn và tôi thành công!

Leave a Comment