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>



Jumat, 12 Februari 2016

layout halaman web tugas 9




Alternating Index

<!DOCTYPE html >
<head>
<title>alternating</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="800" height="738" border="1" align="center">
    <tr>
      <td height="248" align="center" bgcolor="red"><font size="+1"><strong>Teks</strong></font></td>
      <td align="center" bgcolor="grey"><font color="#9400D3" size="+7"><strong><em>Gambar
        </em> </strong></font></td>
    </tr>
    <tr>
      <td height="261" align="center" bgcolor="yellow"><font color="#CC0000" size="+7"><strong><em>Gambar
        </em></strong></font><font size="+7"><em></em></font></td>
      <td align="center" bgcolor="green"><font size="+1"><strong>Teks/daftar
        isi</strong></font></td>
    </tr>
    <tr bgcolor="#996666">
      <td height="150" colspan="2" align="center"><font color="#FFFFFF"><strong><font size="+1">Lain-lain</font></strong></font></td>
    </tr>
  </table>
</form>
</body>
</html>



 Assalamualaikum

Layout Split 8

<html>
<head>
    <title>INI WEB SAYA</title>
</head>
<body>
    <table border=1 width=720px height=400px>
    <tr><td bgcolor="grey" rowspan=2 align=center>Daftar isi</td>
    <td bgcolor="red" align=center><h3>Banner/Judul</h3></td>
    <td bgcolor="blue" rowspan=2 align=center>Daftar isi</td></tr>
    <tr><td bgcolor=#F0F0F0 align=center>
    <p>Body atau contents(isi)</p>
        <p><font color="#006600">Body atau contents(isi)</font></p>
        <p><font color="#CC0000">Body atau contents(isi)</font></p>
        <p><font color="#FFFF00">Body atau contents(isi)</font></p>
        <p><font color="#FF6633">Body atau contents(isi)</font></p>
    </td></tr>
    <tr><td bgcolor="green" colspan=3 align=center>Lain-lain</td></tr>
    </table>
</body>

</html>

dan Saat Sudah Selesai membuat coddingnya.

Assalammualaikum.    Kali ini saya akan membagikan sebuah HTML.


Layout Left Index

<html>
<Head>
    <title>INI WEB SAYA</title>
</Head>

<body>
        <table bgcolor="red" border="1" width="720px" height="360px">
            <tr><td bgcolor="Blue" rowspan="3" align="bottom" width="120px">
            <ul type="disc">
            <li>Home<br></li>
            <li>Profil<br></li>
            <li>About us<br></li>
            <li>Blog<br></li>
            <li>Contact us</td></li>
            <th width="627" height="23" align="center" bgcolor="#FF0000"><strong><font color="#CCCCCC" size="+4">MAU dan Mampu</font></strong></th>
            <tr><td bgcolor="yellow" align=center>Mau Menjalaninya dan Mau Bertanggung Jawab</td></tr>
            <tr><td align="center" bgcolor="grey">Mampu Menjalaninya dan Mau Bertanggung Jawab</td></tr>
        </table>
</body>

</html>



Rabu, 27 Januari 2016

Layout web Tugas The Series 2

Coding

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner / Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#C0C0C0">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#800080">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#FF0000"><font size="+1"><b>Daftar isi atau navigasi</b></font></td>
</tr>
</table>
</form>
</body>
</html> 



Hasilnya saat run ke firefox


End. Thanks

Layout halaman web Tugas 6

 Selamat Datang Di Blogger Saya.

Coding Dari tugas web 6 :
<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>

<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>

<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner
atau iklan</font></strong></td>
</tr>
<tr>
<td height="27" align="center" bgcolor="#FFCCCC"><font color="#FF0000">Daftar
isi atau navigasi </font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#FF66CC">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#FF6633">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#9966CC">Info
tambahan atau lain-lain </font></td>
</tr>
</table>
</form>
</body>
</html>

Dan Ini lah hasilnya saat run ke Firefox


Terima Kasih. 

Tabel Bersarang the series 2 :v

Selamat Datang di Blogger Saya
Welcome to my blogger

Saya ingin menyampaikan cara membuat tabel bersarang dengan note++, tapi kali ini saya ingin menyampaikan dulu dengan codding membuat "Tabel Bersarang".

I would like to convey how to create a nested table with a note ++, but this time I would like to express once with codding make "Nested Tables".

<html>
<head>

    <title>Table In Table</title>
</head>

<body>

    <table cellpadding="5" align="center" bgcolor="red" width="800px" cellspacing="5">
        <tr><td><b>table > tr > td
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="50px"><b>table > tr > td</td></tr></table>
            <table width="100%"  cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="80px"><b>table > tr > td</td></tr></table>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="100px"><b>table > tr > td</td></tr></table>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="250px"><b>table > tr > td
                <table width="100%" cellspacing="5" cellpadding="5">
                    <tr>
                    <td valign="top" bgcolor="#00BCD4" width="150px" height="250px">td</td>
                    <td valign="top" bgcolor="#00BCD4">td
                        <table cellpadding="7" cellspacing="5" bgcolor="#FF5722" width="100%">
                            <tr><td><b>table > tr > td</td></tr>
                            <tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
                            <tr><td bgcolor="white" valign="top">td</td></tr>
                            <tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
                            <tr><td bgcolor="white" valign="top">td</td></tr>
                            <tr><td bgcolor="white" valign="top" height="40px">td</td></tr>
                            <tr><td bgcolor="white" valign="top">td</td></tr>
                            <tr><td bgcolor="white" valign="top" height="120px">td</td></tr>
                        </table>
                    </td>
                    <td valign="top" bgcolor="#00BCD4" width="150px">td</td>
                    </tr>
                </table>
            </td></tr></table>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="30px"><b>table > tr > td</td></tr></table>       
        </td></tr>
    </table>
</body>
</html>
 



Dan ini lah hasilnya saat run ke Mozilla Firefox.

And this is the result when run to Mozilla Firefox.

gambar 1.1

 
gambar 1.2






Terimakasih Atas Perhatianya semua. 
Thank you for all the attention.

 

Minggu, 10 Januari 2016

Cara Membuat Html dengan Tabel Bersarang

 Asalammualaikum WA.wb

Selamat Datang Di Forum/blog saya, dan kini saya akan menampilkan "Membuat Html dengan Tabel Bersarang". :v  pertama pastikan ada mempunyai software notepad ++.


<html>
</head>
<body>

    <table border="1" cellpadding="5">
    <caption>Online Order</caption>
    <tr>
        <th>Description</th>
        <th>Qty</th>
        <th align="right">Price</th>
        <th>Email Account Note</th>
    </tr>
  
  
    <tr>
        <td>Email Account</td>
        <td align="right">10</td>
        <td align="right">$9.90</td>
        <td rowspan="5">
            <table border="1">
                <tr><td>Mailbox</td><td>10GB</td><tr>
                <tr><td>Webmail</td><td>Yes</td></tr>
                <tr><td>POP3</td><td>Yes</td></tr>
                <tr><td>IMAP</td><td>Yes</td></tr>
                <tr><td>Anti-spam</td><td>Yes</td></tr>
            </table>
        </td>
    </tr>
  
    <tr>
        <td>FYIcenter.com ad</td>
        <td align="right">1</td>
        <td align="right">$99.00</td>
    </tr>
  
    <tr>
        <td>1-years Acces</td>
        <td align="right">1</td>
        <td align="right">$199.00</td>
    </tr>
  
    <tr>
        <td colspan="2" align="right">Shipping</td>
        <td align="right">$3.99</td>
    </tr>
  
    <tr>
        <td colspan="2" align="right">Tax</td>
        <td align="right">$15.99</td>
    </tr>
    </tabble>
</body>
</html>


Dan inilah hasilnya saat codingnya telah selesai




..
.
Dan ini lah yang saya bisa sampaikan. kalau ada kesalahannya mohon maaf. 
Wassalammualaikum wa.wb.

Sabtu, 09 Januari 2016

Melakukan html tabel bersarang.

Saat membuat Codding html dalam bentuk tabel bersarang. Peratikan Codding pada gambar dibawah ini!







Saat Run ke Mozilla Firefox, dan ini lah hasil kerja saya dalam membuat html. Lihat lah pada gambar pada gambar dibawah ini!.