Entri yang Diunggulkan

TUGAS KEAMANAN JARINGAN

Assalamualikum , watsap kali ini ulun mengerjakan tugas yang diberi pak cahyo tanggal 9 september 2017 jam 12an lah nahhh, ya langsung saja...

Rabu, 09 Maret 2016

Tugas peprogaman web 6

Assalamualikum warahmatullah wabarokatuh dingsanak yang kusayangi ku cintai , disini saya diberi tugas yah tugas nya simpel sekali tapi kalo tidak dikerjakan nilai saya nanti kurang wkwkw maaf bercanda, ya langsung saja lihati Gambar dan codingnya  dibawah ini.

Coding Tugas 1:
<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio autoplay>
<source src="04. ONE.mp3" type="audio/mp3">
</audio>
</body>
</html>


Coding Tugas 2:
<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio autoplay loop>
<source src="04. ONE.mp3" type="audio/mp3">
<source src="04. ONE_2.ogg" type="audio/ogg">
<audio loop="loop">
</audio>
</body>
</html>
Penjelasan/ Ringkasan

    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:


    Format Audio
 * OGG merupakan format audio yang didukung oleh Mozilla firefox, opera,
dan google chrome. 
 * MP3 merupakan format audio yang didukung oleh Google Chrome dan
safari.
 * WAV merupakan format audio yang didukung oleh Mozilla Firefox dan
Opera.

 Jenis file audio untuk dukungan pada web browser bisa dilihat pada tabel berikut ini:


TUGAS DUA CODINGNYA SAMA SEPERTI TUGAS 1, AKAN TETAPI DITAMBAHKAN "LOOP" DISEBELAH AUTOPLAY.


Terima kasih

Kamis, 03 Maret 2016

Assalamualikum warahmatullah wabarokatuh dingsanak yang kusayangi ku cintai , disini saya diberi tugas yah tugas nya simpel sekali tapi kalo tidak dikerjakan nilai saya nanti kurang wkwkw maaf bercanda, ya langsung saja lihati Gambar dan codingnya  dibawah ini.


TUGAS 1
Pertama Adalah Menggabung Gambar Dalam Teks Secara Vertikal 

Contoh Tampilanya




Contoh Codingnya

<html>
<head>
<title>Tugas1</title>
</head>
<body>
<h2><b> menggabung gambar dalam teks , posisi terhadap teks secara vertikal</h2>
<p><img src="IMG_3702.jpg" width="470" height="180" align ="top">Ini adalah Laki-laki TKJB Ganteng(Menggunakan align=TOP)<p>
<p><img src="wes.jpg" width="470" height="180" align="middle"> Ini tim futsal saya Dismkn2 BJM (Menggunakan align=MIDDLE)<p>
<p><img src="IMG_4048.jpg" width="470" height="180" align="bottom">Ini saya bersama ketua dan wakil IT-COS (Menggunakan align=BOTTOM)<p>
</body>
</html>
TUGAS 2
Kedua Adalah Menggabung Gambar Dalam Teks Secara Horizontal

Contoh Tampilanya



Contoh Codingnya

<html>
<head>
<title>tugas2</title>
<h2><b>menggabung gambar dan teks, posisi terhadap teks secara horisontal</h2>
</head>
<body>
<img src="IMG_3724.jpg" width="470" height="310" align="top" align> Dikiri saya orang cina kw dan dikanan saya orang jawa merantau  (menggunakan align=LEFT)</p>
<img src="IMG_3753.jpg" width="600" height="280" align="right" align="bottom" align="right"> Flashdisk Ini sangat membantu untuk kita mengerjakan tugas-tugas sekolah (menggunakan align=RIGHT)</p>
</body>
</html>

TUGAS 3

Ketiga Adalah Memberi Keterangan pada Gambar

Contoh Tampilanya



Contoh Codingnya

<html>
<head>
<title>Tugas3</title>
<h2><b> Menyajikan format dengan keterangan</h2>
</head>
<body>
<img src="as.jpg" title="SAHABAT SAYA DARI KECIL SAMPAI SEKARANG" width="470" height="310" title=""/>
</body>
</html>

Keterangan:Apabila anda mau mencoba ,kalau mau mudah gunakan notepad++ agar mudah mengetahui letak kesalahannya dan cara menampilkan gambar itu harus satu folder html dengan gambar agar gambarnya terlihat dan jangan lupa cek format gambarnya kemungkinan Formatnya adalah JPG,PNG dan lain2 .

Oke terima kasih telah meluangkan waktu untuk mengunjugi blog kami semoga bermanfaat untuk nusa dan bangsa atau pun untuk semua manusia 

Dont forget Terus belajar sampai ke wadah Tachi

Wasalamualikum warahmatullah wabarokatuh