Cara Membuat Tabel Video Berbasis Web HTML


Nama : Zulfikar Ali Ahmadar
Kelas : 1 Rpl 1
Tugas Web Design

  • .. Pertama . Copy Paste Terlebih dahulu skrip di bawah ini .
<table align="center"  width="100" height="100" border="1">
 <tr>
   <td height="100" colspan="3">
    <img src="Panda.png">
   </td>
 </tr>

 <tr>
   <td  bgcolor="Gray" width="100" height="100" valign="top">

</td>

   <td  align="center" width="">
    <audio controls="controls">
    <source src="ANTIQUE SATU BINTANG.mp3" type="audio/mpeg"/>
    </audio>

     <video width="375" height="225"
     <video controls="controls">
    <source src="Naruto Shippuden - 248.mp4" type="video/mp4"/>
    </video>

</td>

    <td bgcolor="Gray" width="100" height="100" valign="bottom">

 </tr>

<tr>
  <td colspan="3">
<div align="center">Zulfikar Ali Ahmadar</div><a href="https://pandamz.wordpress.com/">Panda MZ</td>

 </tr>
</table>
  • .. Kemudian Simpan Skrip di atas yg sudah di Copy Paste d Notepad .
  • .. Setelah itu . tambahkan kata terakhir sebelum di save di Notepad (Sesudah nama File yg kalian inginkan di Notepad) dengan kata dalam kurung ini (.html) .
  • .. Buat folder kosong terlebih dahulu sebelum di Save . Kemudian Masukkan File HTML yg sudah kalian buat 
  • .. Satukan/Masukkan juga File Gambar,Musik,dan Video yg kalian inginkan di Folder tadi (jangan lupa edit skrip di Notepad kembali jika kalian mau mengganti File Gambar,Musik,dan Video) .
  • ..Terakhir . buka File HTML yg sudah kalian buat dengan Browser yg kalian inginkan .
  • .. Dan inilah Hasilnya . :

Tabel Video

.. Info :
.. Kalian dapat mngganti tulisan,alamat web,gambar,musik,dan video tersebut sesusai keinginan kalian .

. Diperbolehkan mengcopy-paste postingan ini dengan mencantumkan sumbernya . Panda MZ .


8 thoughts on “Cara Membuat Tabel Video Berbasis Web HTML

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s