Blogger Widgets
Animated Fire

Kamis, 10 Maret 2016

Tugas Tentang Cara(tutorial) Memasang Audio KeSebuah HTML

Tugas Audio Yang Pertama:
Kali ini Saya akan menjelaskan Tugas Tentang Cara(tutorial) Memasang Audio Di KeSebuah HTML. Gimana sih caranya membuat html dengan sound(suara)??...  Mau tau gimana, ayo simak baik-baik, Agar kalian bisa Membuatnya .

<head>
<title>Suara Indohoy</title>
</head>
<body>
<audio autoplay>
<source src="Armin van Buuren feat.mp3" type="audio/mp3">
<source src="Armin van Buuren feat.ogg" type="audio/ogg">
</audio>
</body>
</html>

Hasil Codingnya di NotePad ++:





Tugas 2
Coding 2:

<html>
<head>
<title>Tugas2ound</title>
</head>
<body>
<audio autoplay loop>
<source src="Armin van Buuren feat.mp3" type="audio/mp3">
</audio>
</body>
<html>
Hasil Dari NotePad++:



Menyajikan Audio
  Untuk memasukkan suara pada html bisa menggunakan tag <audio>, file-file audio yang didukung html 5 adalah mp3, wav, dan ogg.
Atribut
  Atribut yang digunakan pada tag <audio> </audio> dapat juga menggunakan atribut autoplay, loop dan controls. Lihat pada tabel dibawah ini:

Pada penggunaan HTML untuk memasukkan suara biasanya menggunakan tag <audio>. Hingga saat ini format suara yang telah didukung adalah MP3, Ogg dan WAP.
File-file yang didukung oleh HTML5 adalah :
-  MP3, merupakan format audio yang didukung oleh Google Chrome dan safari.
-  OGG, merupakan format audio yang didukung oleh Mozilla firefox, opera, dan google chrome.
-  WAV, merupakan format audio yang didukung oleh Mozilla Firefox dan Opera.
    Tidak semua tipe file audio tersebut didukung oleh browser.


Bila blog ini dipublikasikan jangan lah kalian berbuat Kata - Kata dan Berbuat Sia-Sia ataupun Tidak Sopan Lainnya. Maka dia tidak akan mendapatkan ilmu di sisinya.. jadi perhatikan dengan tenang agar kalian mendapatkan ilmu yang bermanfat. amin ya robbal alamin .
عندما يتم نشر بلوق تفعل كلمة - كلمة والقيام دون جدوى أم لا أكثر مهذبا. ثم أنك لن تحصل علم على جنبه .. لذلك تبدو هادئا حتى يتسنى لك الحصول على العلم الجيد. امين امين يا الله.
when the blog is published do you do a word - the word and do vain or not more polite. Then you will not get the science on his side .. so look calm so that you get good science. amin amin ya allah.

Jumat, 04 Maret 2016

Menggabung Gambar dan Teks, Posisi terhadap Teks secara Horizontal "Tugas 3"

menggabung gambar dan teks, posisi terhadap teks secara horizontal dengan menggukan HTML

<html>
    <head>
        <title>tugas2</title>
            <h2><b>menggabung gambar dan teks, posisi terhadap teks secara horizontal</h2>
    </head>
        <body>
    <img src="po.jpg" width="250px" height="250px" align="top" align> Saat Saya dirumah</p>
    <img src="po.JPG" width="250px" height="250px" align="right" align="bottom" align="right"> ruang tamu </p>
        </body>
</html>

Hasil:

Menyajikan Format Dengan Kererangan

HTML Menyajikan Format Dengan Kererangan

<html>
    <head>
        <title>Tugas3</title>
            <h2><b> Menyajikan format dengan keterangan</h2>
    </head>
        <body>
            <<img title="Hendra" src="Rahmat.hendra123.jpg" align="center" width="720px" height="480px"></img>

        </body>

</html>

Menggabung Gambar dan Teks, Posisi terhadap Teks Secara Virtual

Disini Saya Akan Berbagi Pembelajaran Cara  Menggabung Gambar dan Teks, Posisi terhadap Teks Secara Virtual Menggunakan HTML



<html>
<head>
<title>Tugas1</title>
</head>
<body>
<h1>Menggabung Gambar dan Tesk, Posisi terhadap Tesk secara Virtual</h1>
<p><img src="po.jpg" width="140px" height="200px" align="top">Poto Saya(Menggunakan TOP)</img>
<p><img src="po.jpg" width="140px" height="200px" align="middle">Poto Saya(Menggunakan Middle)</img>
<p><img src="po.jpg" width="140px" height="200px" align="bottom">Poto Saya(Menggunakan Bottom)</img>
</body>
</html>