Kamis, 10 Maret 2016

Menambahkan Audio pada HTML


1.) Format tampilan file audio
Kebanyakan file audio diputar melalui sebuah plug-in, misalnya seperti flash. Namun, browser yang berbeda mungkin memiliki berbagai plug-in. HTML5 mendefinisikan elemen baru yang menentukan cara standar untuk menanamkan file audio pada halaman web: elemen <audio> </audio>.
·         Untuk memasukkan suara pada html bisa menggunakan tag <audio>.
·         Format suara yang telah didukung hingga saat ini adalah MP3, Ogg dan WAP.
·         Tidak semua tipe file audio tersebut didukung oleh browser.
·         File-file Audio yang didukung HTML5 adalah
1.       OGG merupakan format audio yang didukung oleh Mozilla firefox, opera, dan google chrome.
2.       MP3 merupakan format audio yang didukung oleh Google Chrome dan safari.
3.       WAV merupakan format audio yang didukung oleh Mozilla Firefox dan Opera.


Contoh format :






Diposting oleh di Tidak ada komentar:

Kamis, 03 Maret 2016

Menggabung Gambar Dalam Teks


Selamat datang kembali,sebelumnya saya ucapkan Assalammualaikum.wr.wb
kembali lagi dengan saya,saya akan memberikan sebuah "Menggabung Gambar Dalam Teks"

1. Menggabung gambar dalam teks secara Vertical

                                                          ...==Coding==...

<html>
<head>
    <title>Tugas1</title>
</head>
<body>
    <h1>Menggabung Gambar dan teks,posisi terhadap teks secara virtual</h1>
    <p><img src="gantengmaksimal.jpg" width="350px" height="250px" align="top">Gambar pertama(menggunakan align=Top)</img>
    <p><img src="gantengmaksimal.jpg" width="350px" height="250px" align="middle">Gambar kedua(menggunakan align=Middle)</img>
    <p><img src="gantengmaksimal.jpg" width="350px" height="250px" align="bottom">Gambar ketiga(menggunakan align=Bottom)</img>
</body>
</html>
                                                       ...==Hasil Gambar==...
                                     
     




2. Menggabung gambar dalam teks secara Horizontal


                                                           ...==Coding==...
<html>
<head>
     <title>tugas2</title>
     <h2><b>Menggabung gambar dan teks, posisi terhadap teks secara horizontal</h2>
</head>
<body>
    <img src="dyusrezaaa.JPG" width="350px" height="250px" align="top" align> INI SAYA</p>
    <img src="dyusrezaaa.JPG" width="350px" height="250px" align="right" align="bottom" align="right"> KAMU MANA?</p>
</body>
</html>                                               
                                                         ...==Hasil Gambar==...






3. Memberi keterangan pada Gambar


                                                         ...==Coding==...

<html>
    <head>
        <title>Tugas3</title>
            <h2><b> Menyajikan format dengan keterangan</h2>
    </head>
        <body>
            <img src="IMG_5204.JPG" title="X TKJ B" width="470" height="310" title=""/>
        </body>
</html>
                                                    ...==Hasil Gambar==...
 

Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)