Học html cơ bản - bài học sử dụng thẻ hình ảnh

Thảo luận trong 'Tư vấn - Du học - Tuyển sinh' bắt đầu bởi t11nguyen, 8 Tháng bảy 2017.

  1. t11nguyen

    t11nguyen Member Thành viên

    Bài viết:
    141
    Đã được thích:
    0
    Diendanraovataz.net - Diễn đàn rao vặt - Đăng tin mua bán - Quảng cáo miễn phí - Hiệu quả - Âm thanh, hình ảnh, audio làm trang web của chúng ta thêm đẹp đẽ, sống động hơn. những thành phần này được diễn đạt bằng HTML như thế nào thì trong bài viết này tôi sẽ cùng Cả nhà khám phá và sử dụng những thẻ để diễn đạt những thành phần hình ảnh, audio, video trong trang web.


    Giới thiệu
    Âm thanh, hình ảnh, audio làm trang web của chúng ta thêm đẹp đẽ, sống động hơn. những thành phần này được diễn đạt bằng HTML như thế nào thì trong bài viết này tôi sẽ cùng Cả nhà khám phá và sử dụng những thẻ để diễn đạt những 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 khởi đầu lập trình web cơ bản sở hữu HTML và đã xem qua những 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 khái niệm bởi thẻ sở hữu cấu trúc như sau:

    tính chất url xác định trục đường dẫn tới một hình ảnh và tính chất alt là xác định một đoạn text lúc hình ảnh ko được hiển thị.
    ngoài ra Cả nhà sở hữu thể thêm tính chất height và width để xác định khích thước cho một hình ảnh.
    tỉ dụ hiển thị logo củavới height 100 và width 200:
    Kết quả
    audio tình trạng âm thanh bật hay mở
    autoplay Tự động play video lúc load
    controls Hiển thị dụ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 tải video lúc tải trang
    src trục đường dẫn video
    width Chiều rộng video
    Lưu ý: Thẻ img ko sở hữu thể đóng. ngoài ra Cả nhà sử dụng vẫn cho kết quả đúng.
    Thẻ audio
    Trước lúc HTML5 thành lập để chơi video hay audio chúng ta phải sử dụng plug-in như flash. HTML5 thành lập tương trợ cho chúng ta chơi audio, video một cách thức thật tuyệt vời sử dụng thẻ và
    .
    Để chơi audio ta sử dụng thẻ audio sở hữu cấu trúc như sau:
    1. Nội dung hiển thị nếu như trình phê chuẩn ko tương trợ thẻ audio
    tính chất controls xác định những control chúng ta sử dụng để chơi nhạc như play, pause, volume.
    Thẻ Souce chứa thông tin về file nhạc mà chúng ta muốn chơi sở hữu những tính chất
    url: xác định trục đường dẫn tới file audio.
    type: kiểu audio phụ thuộc và những định dạng tương ứng.
    HTML5 chỉ tương trợ audio sở hữu định dạng MP3, WAV, and Ogg sở hữu những media type như sau:
    Audio Format Media Type
    MP3 audio/mpeg
    Ogg audio/ogg
    Wav audio/wav
    tỉ dụ chơi audio sử dung thẻ
    :
    Bạn có thể tìm hiểu về xem thêm


    1. Play Audio Demo

    2. Trình phê chuẩn ko tương trợ thẻ audio
    Kết quả sau lúc chạy sở hữu trình phê chuẩn
    sở hữu thể thêm tính chất autoplay của thẻ audio để audio tự play sau lúc tài liệu được load.
    1. Trình phê chuẩn ko tương trợ thẻ audio
    Thẻ video


    1. Nội dung hiển thị nếu như trình phê chuẩn ko hổ trợ thẻ video

    những giá tính chất cũng giống như đối sở hữu thẻ audio nhưng media type sở hữu phần khác 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
    tỉ dụ chơi một video

    1. Play Video Demo

    2. Trình phê chuẩn ko tương trợ thẻ video

    Kết quả

    ngoài ra Cả nhà sở hữu thể tham khảo thêm bài viết hướng dẫn Nhúng một Clip Youtube Vào Trang Web HTML của tác kém chất lượng để biết thêm một cách thức play video khác.
     
    Cùng đọc NỘI QUY DIỄN ĐÀN và ý thức thực hiện cùng BQT xây dựng cộng đồng thêm vững mạnh bạn nhé
    ***** Xin đừng Spam vì một diễn đàn trong sạch *****
Địa chỉ thu mua do cu ho chi minh uy tín, Official Premium Account Reseller Premiumkeystore.com Easily, Instant delivery & Trusted.

Chia sẻ trang này