HTML (Hyper Text Mark-up Language)
Susunan kode-kode yang digunakan untuk membuat halaman website atau dokumen berbasis html.
Kode html berfungsi untuk mengatur setiap isi pada halaman dokumen html baik warna, latar belakang, text, gambar, suara dsb sesuai dengan yang kita inginkan, penyusunan kode html adalah biasa dengan diawali dengan kode "<>" Opening Tag dan diakhiri dengan "</>" Closing Tag, kedua tag ini untuk mengapit unsur yang kita kelola sehingga menghasilkan penampilan yang unik secara otomatis.
Membuat Center, gunakan kode : <p align="center">Belajar</p> hasilnya seperti:
Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :
Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :
Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar
Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar
Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar
Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar
Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :
Belajar
Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :
Namanya juga hidden.. tentunya tidak kelihatan laaah...xixixixiii...
Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
Belajar
Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar
Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya seperti ini:
42
Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
42
Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf
Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Belajar
Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar
Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:
Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:
Membuat tabel border solid gunakan kode:
Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:
Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:
Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:
Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
* FONT HTML CODES (kode HTML pada tulisan)
Contoh:
Maka hasilnya adalah : imamSadja
Anda dapat meng-copas kode pada tabel untuk halaman project Anda!
2. Italics (Tulisan Miring)
Memberikan efek miring pada tulisan yg kita inginkan
Contoh:
Maka hasilnya adalah : imamSadja
3. Underline (Garis Bawah)
Memberikan efek bergaris bawah pada tulisan yang kita apit
Contoh:
Maka hasilnya adalah : imamSadja
4. Align (Perataan)
Adalah untuk memposisikan tulisan atau unsur lainnya sesuai selera.
Align terdiri dari beberapa macam, berikut ini misalnya:
a. Center (Tengah)
Seperti biasanya, kode yang harus digunakan adalah Opening dan Closing tag'nya
Contoh:
Maka hasilnya adalah :
imamSadja
b. Right (Kanan)
Memposisikan sebelah kanan
Contoh:
Maka hasilnya adalah :
c. Left (Kiri)
Kode yang dipakai sama dengan align (right). Hanya mengganti dengan (left) Contoh:
Maka hasilnya adalah :
5. Font Color (Warna Tulisan)
Dalam HTML, warna bisa di formatkan menjadi enam rangkaian huruf dan atau angka diawali dengan symbol # yang berlaku pada system kode html, seperti warna putih (#FFFFFF), hitam (#000000), oranye (#FFA500) dan lain-lain. Setiap warna memiliki kodenya masing-masing. Klik disini untuk melihat kode kode html warna selengkapnya!
Kita juga bisa langsung menuliskan nama warnanya, seperti "lime", "red", "green" dan sebagainya.
Contoh:
Maka hasilnya adalah :
imamSadja atau imamSadja
6. Marquee (Tulisan berjalan)
Selain merubah tulisan dengan bentuk dan warna, kita juga bisa memberikan efek yang lebih menarik, misalnya marquee yang befungsi untuk menjalankan objek tulisan atau gambar namun saja efek ini memiliki keterbatasan untuk ditampilkan, mungkin hanya bisa bekerja optimal jika halaman website di akses dengan mozilla firefox melalui computer. Adapun jenis pergerakan marquee bermacam-macam, contohnya:
a. berjalan dari sebelah kanan ke kiri
maka hasilnya adalah :
imamSadja
b. berjalan dari kiri ke kanan
maka hasilnya adalah :
imamSadja
c. bolak-balik dari kanan ke kiri dan seterusnya
maka hasinya adalah :
imamSadja
d. bergerak ke atas
maka hasilnya adalah :
imamSadja
e. bergerak ke bawah
maka hasilnya adalah :
imamSadja
f. begerak bolak-balik dari atas kabawah
maka hasilnya adalah :
imamsadja
g. serong dari bawah ke atas
maka hasilnya adalah :
imamSadja
h. serong bolak balik
maka hasilnya adalah :
imamSadja
i. berjalan sambil berkedip (efek ini jangan diterapkan pada manusia karena bisa berbahaya,hehe)
maka hasilnya adalah :
imamSadja
Jika menginginkan arah dari yang sebaliknya maka tinggal mengganti kata "right" dengan "left" atau "up" dengan "down" !!
7. Blink (Tulisan Berkedip)
Sama halnya dengan marquee, tulisan blink tidak akan bekerja apabila devicenya tidak mendukung
Contoh:
Maka hasilnya adalah :
imamSadja
Blink ataupun marquee bisa juga digunakan untuk menggerakan objek gambar.
* LINK HTML CODES (kode HTML pada tautan)
Link adalah sebuah tautan berupa text atau gambar yang mengarahkan pada lokasi file atau halaman website lainya
Langsung saja, dibawah ini beberapa contoh yang saya tahu;
1. Link Text (link dalam bentuk tulisan)
Dengan banyak membuat link text pada halaman utama website Anda maka akan lebih banyak memuat informasi yang Anda suguhkan.
Contoh:
Maka hasilnya adalah :
imamSadja
Link diatas akan merujuk ke halaman website "http://imamsadja.blogspot.com"
2. Link image (link dalam bentuk gambar)
Selain text, gambar juga bisa dijadikan link untuk mengantarkan sebuah lokasi URL, bisa langsung menampilkan gambar saja dan bisa juga menggunakan text sebagai tautanya.
Contoh:
Maka hasilnya adalah :
Atau:
Maka hasilnya adalah :
imamSadja
Gunakan URL gambar yang hendak Anda pasang dengan mengganti "http://i1205.photobucket.com/albums/bb427/Imamsadja/**theblackjadul**me.gif" sesuai dengan URL image yang Anda punya! Seperti pada contoh di atas Saya menggunakan gambar yang saya upload di website www.photobucket.com.
* BACKGROUND HTML CODES (kode HTML latar belakang)
Halaman website jaman sekarang begitu banyak yang tampil cantik dan variatif, kiat ini pastinya bertujuan untuk memikat para pengunjung, mulai dari background warna warni, gambar, kelap kelip hingga musik dapat di nikmati sembari browsing.
Selain memanjakan mata, para pengunjung juga bisa jingkrak jingkrak menikmati alunan musik yang berputar selama mengakses website kita, mereka juga akan merasa betah dan berlama lama nongkrong sambil baca baca informasi yang tersedia, trust me..!!!
Berikut beberapa contoh kode html menyisipkan background:
1. Background image (latar belakang gambar)
Perlu di ingat bahwa memasang background image dapat memperbesar volume pada halaman website Anda hingga dapat memperlambat dalam memuatnya, jadi disarankan agar tidak memasang gambar yang berukuran besar sebagai latar belakang, tetapi semua terserah pada selera Anda.
Pertama siapkan gambar yang akan di embed kemudian copy link URLnya!
misalnya Saya akan memakai gambar yang saya upload di akun photobucket.com dan direct linknya adalah http://i1205.photobucket.com/albums/b***7/Imamsadja/smoke.jpg
Dan cara memasang kodenya setelah kode title
Contoh kodenya:
Untuk melihat hasilnya, silahkan klik disini!
2. Backgroun Sound / Music (latar belakang suara)
Langkah yang pertama pastinya Kita harus punya file musik yang disimpan di akun internet dan kita ambil URLnya. Misalnya Saya akan memakai file musik "jason_mraz-geek_in_the_pink.mid" dari album musik pada akun saya.
Agar menghindari loading yang lama maka disarankan sebaiknya Kita gunakan file musik yang berjenis MIDI atau WAV karena pada umumnya jenis file musik ini berukuran rendah.
Langkah berikutnya Kita 'Copy' URL file musik yang akan Aku pakai tadi terus Kita 'Paste' diantara <head> dan <title> kemudian setelah di save kita coba buka dengan internet explorer karena mozilla firefox belum mendukung backgroud suara!.
Contoh codenya:
Dan background musik siap dinikmati saat mengakes halaman website kesayangan Kita. Good try!!
Susunan kode-kode yang digunakan untuk membuat halaman website atau dokumen berbasis html.
Kode html berfungsi untuk mengatur setiap isi pada halaman dokumen html baik warna, latar belakang, text, gambar, suara dsb sesuai dengan yang kita inginkan, penyusunan kode html adalah biasa dengan diawali dengan kode "<>" Opening Tag dan diakhiri dengan "</>" Closing Tag, kedua tag ini untuk mengapit unsur yang kita kelola sehingga menghasilkan penampilan yang unik secara otomatis.
Mari Kita semua BELAJAR !!!
Membuat Center, gunakan kode : <p align="center">Belajar</p> hasilnya seperti:
Belajar
Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :
Belajar
Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :
Belajar
Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :
Belajar
Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :
Belajar
Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :
Belajar
Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar
Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :
Belajar
Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :
Namanya juga hidden.. tentunya tidak kelihatan laaah...xixixixiii...
Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
Belajar
Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
Belajar
Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya seperti ini:
42
Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> hasilnya seperti ini:
42
Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf
Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> hasilnya seperti ini:
Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar
Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar
Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
- DOT 1
- DOT 2
- DOT 3
Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
- DOT 1
- DOT 2
- DOT 3
Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
- DOT 1
- DOT 2
- DOT 3
Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:
- DOT 1
- DOT 2
- DOT 3
Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya seperti ini:
Belajar
Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
hasilnya seperti :<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
| Text |
Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
hasilnya seperti ini:
| Text |
Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:
| Text |
Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
| Text |
Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
| Text |
Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
| Text |
Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
| Text |
Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:
| Text |
Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
| Text |
Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
| Text |
Masih Ada Yang Lainnya Nih Gaest
* FONT HTML CODES (kode HTML pada tulisan)
1. Bold (Tulisan Tebal)
Jika kita ingin membuat satu tulisan dengan tampilan efek bold maka yang harus kita lakukan adalah mengapit tulisan tersebut diantara
Opening tag dan Closing tag, dan kode html'nya adalah "b" sebelum
ditambahkan dengan kedua tag tersebut
Contoh:Maka hasilnya adalah : imamSadja
Anda dapat meng-copas kode pada tabel untuk halaman project Anda!
2. Italics (Tulisan Miring)
Memberikan efek miring pada tulisan yg kita inginkan
Contoh:
Maka hasilnya adalah : imamSadja
3. Underline (Garis Bawah)
Memberikan efek bergaris bawah pada tulisan yang kita apit
Contoh:
Maka hasilnya adalah : imamSadja
4. Align (Perataan)
Adalah untuk memposisikan tulisan atau unsur lainnya sesuai selera.
Align terdiri dari beberapa macam, berikut ini misalnya:
a. Center (Tengah)
Seperti biasanya, kode yang harus digunakan adalah Opening dan Closing tag'nya
Contoh:
Maka hasilnya adalah :
b. Right (Kanan)
Memposisikan sebelah kanan
Contoh:
Maka hasilnya adalah :
imamSadja
c. Left (Kiri)
Kode yang dipakai sama dengan align (right). Hanya mengganti dengan (left) Contoh:
Maka hasilnya adalah :
imamSadja
5. Font Color (Warna Tulisan)
Dalam HTML, warna bisa di formatkan menjadi enam rangkaian huruf dan atau angka diawali dengan symbol # yang berlaku pada system kode html, seperti warna putih (#FFFFFF), hitam (#000000), oranye (#FFA500) dan lain-lain. Setiap warna memiliki kodenya masing-masing. Klik disini untuk melihat kode kode html warna selengkapnya!
Kita juga bisa langsung menuliskan nama warnanya, seperti "lime", "red", "green" dan sebagainya.
Contoh:
Maka hasilnya adalah :
imamSadja atau imamSadja
6. Marquee (Tulisan berjalan)
Selain merubah tulisan dengan bentuk dan warna, kita juga bisa memberikan efek yang lebih menarik, misalnya marquee yang befungsi untuk menjalankan objek tulisan atau gambar namun saja efek ini memiliki keterbatasan untuk ditampilkan, mungkin hanya bisa bekerja optimal jika halaman website di akses dengan mozilla firefox melalui computer. Adapun jenis pergerakan marquee bermacam-macam, contohnya:
a. berjalan dari sebelah kanan ke kiri
maka hasilnya adalah :
imamSadja
b. berjalan dari kiri ke kanan
maka hasilnya adalah :
imamSadja
c. bolak-balik dari kanan ke kiri dan seterusnya
maka hasinya adalah :
imamSadja
d. bergerak ke atas
maka hasilnya adalah :
imamSadja
e. bergerak ke bawah
maka hasilnya adalah :
imamSadja
f. begerak bolak-balik dari atas kabawah
maka hasilnya adalah :
imamsadja
g. serong dari bawah ke atas
maka hasilnya adalah :
imamSadja
h. serong bolak balik
maka hasilnya adalah :
imamSadja
i. berjalan sambil berkedip (efek ini jangan diterapkan pada manusia karena bisa berbahaya,hehe)
maka hasilnya adalah :
imamSadja
Jika menginginkan arah dari yang sebaliknya maka tinggal mengganti kata "right" dengan "left" atau "up" dengan "down" !!
7. Blink (Tulisan Berkedip)
Sama halnya dengan marquee, tulisan blink tidak akan bekerja apabila devicenya tidak mendukung
Contoh:
Maka hasilnya adalah :
imamSadja
Blink ataupun marquee bisa juga digunakan untuk menggerakan objek gambar.
* LINK HTML CODES (kode HTML pada tautan)
Link adalah sebuah tautan berupa text atau gambar yang mengarahkan pada lokasi file atau halaman website lainya
Langsung saja, dibawah ini beberapa contoh yang saya tahu;
1. Link Text (link dalam bentuk tulisan)
Dengan banyak membuat link text pada halaman utama website Anda maka akan lebih banyak memuat informasi yang Anda suguhkan.
Contoh:
Maka hasilnya adalah :
imamSadja
Link diatas akan merujuk ke halaman website "http://imamsadja.blogspot.com"
2. Link image (link dalam bentuk gambar)
Selain text, gambar juga bisa dijadikan link untuk mengantarkan sebuah lokasi URL, bisa langsung menampilkan gambar saja dan bisa juga menggunakan text sebagai tautanya.
Contoh:
Maka hasilnya adalah :
Atau:
Maka hasilnya adalah :
imamSadjaGunakan URL gambar yang hendak Anda pasang dengan mengganti "http://i1205.photobucket.com/albums/bb427/Imamsadja/**theblackjadul**me.gif" sesuai dengan URL image yang Anda punya! Seperti pada contoh di atas Saya menggunakan gambar yang saya upload di website www.photobucket.com.
* BACKGROUND HTML CODES (kode HTML latar belakang)
Halaman website jaman sekarang begitu banyak yang tampil cantik dan variatif, kiat ini pastinya bertujuan untuk memikat para pengunjung, mulai dari background warna warni, gambar, kelap kelip hingga musik dapat di nikmati sembari browsing.
Selain memanjakan mata, para pengunjung juga bisa jingkrak jingkrak menikmati alunan musik yang berputar selama mengakses website kita, mereka juga akan merasa betah dan berlama lama nongkrong sambil baca baca informasi yang tersedia, trust me..!!!
Berikut beberapa contoh kode html menyisipkan background:
1. Background image (latar belakang gambar)
Perlu di ingat bahwa memasang background image dapat memperbesar volume pada halaman website Anda hingga dapat memperlambat dalam memuatnya, jadi disarankan agar tidak memasang gambar yang berukuran besar sebagai latar belakang, tetapi semua terserah pada selera Anda.
Pertama siapkan gambar yang akan di embed kemudian copy link URLnya!
misalnya Saya akan memakai gambar yang saya upload di akun photobucket.com dan direct linknya adalah http://i1205.photobucket.com/albums/b***7/Imamsadja/smoke.jpg
Dan cara memasang kodenya setelah kode title
Contoh kodenya:
Untuk melihat hasilnya, silahkan klik disini!
2. Backgroun Sound / Music (latar belakang suara)
Langkah yang pertama pastinya Kita harus punya file musik yang disimpan di akun internet dan kita ambil URLnya. Misalnya Saya akan memakai file musik "jason_mraz-geek_in_the_pink.mid" dari album musik pada akun saya.
Agar menghindari loading yang lama maka disarankan sebaiknya Kita gunakan file musik yang berjenis MIDI atau WAV karena pada umumnya jenis file musik ini berukuran rendah.
Langkah berikutnya Kita 'Copy' URL file musik yang akan Aku pakai tadi terus Kita 'Paste' diantara <head> dan <title> kemudian setelah di save kita coba buka dengan internet explorer karena mozilla firefox belum mendukung backgroud suara!.
Contoh codenya:
Dan background musik siap dinikmati saat mengakes halaman website kesayangan Kita. Good try!!
Komentar
Posting Komentar