Latihan Dasar HTML Part 2
Ya kembali lagi bersama saya , tentunya masih di Skyblues2..mari kita lanjut ke materi latihan dasar HTML , kali ini temanya tentang : "MEMASUKKAN MEDIA DALAM HTML DAN MENGGANTI BACKGROUND".
Oke langsung saja kita mulai gan :
Tag body bisa diubah backgroundnya menjadi berwarna atau gambar dengan cara :
<body bgcolor="red">ini untuk warna</body>
<body background="1.jpg">ini untuk background gambar 1 folder</body>
<body background ="C://users/root/pictures/low.jpg"> Untuk background gambar beda folder (misalnya saya menaruhnya di folder Pictures yang ada di C: </body>
Catatan : ganti link foldernya sesuai dengan tempat menaruh gambar anda, biasanya ada di properties pada gambar.
Tag untuk Memasukkan Gambar :
Untuk 1 folder : <img src="1.jpg"></img>
Untuk beda folder (sama saja caranya seperti tag body background di atas hanya diganti dengan):<img src="C://Users/namausers/pictures/1.jpg></img>
catatan : format gambar yang mendukung untuk html hanya beberapa saja diantaranya : JPEG,JPG,PNG,GIF.
ganti link foldernya sesuai dengan tempat menaruh gambar anda, biasanya ada di properties pada gambar.
Tag untuk memasukkan audio :
Untuk 1 folder : <audio controls>
<source src="Nama Lagu.mp3" type="audio/mpeg" autostart=true loop=true></audio>
Untuk beda folder : <audio controls><source src="C://Users/namausers/music/1.mp3"></audio>
catatan : silahkan ganti link musik tersebut sesuai tempat anda menaruh musik tersebut.
Format audio yang work adalah : mp3, wav , ataupun ogg.
autostart=untuk memulai secara otomatis
loop=perintah mengulang
true=ya
false=tidak
tetapi terkadang beberapa format tersebut tidak work di beberapa browser.
Tag untuk memasukkan video :
Untuk 1 folder :<video width="320" height="240" controls autoplay>
<source src="judul video.mp4" type="video/mp4">
</video>
<video width="320" height="240" controls autoplay>
<source src="C://Users/namausers/video/1.mp4" type="video/mp4">
</video>
catatan : format audio yang work adlaah mp4,wav ,dan ogg. Sama halnya seperti audio , terkadang beberapa format video tidak work pada salah satu browser.
silahkan ganti link musik tersebut sesuai tempat anda menaruh musik tersebut.
<body bgcolor="red">ini untuk warna</body>
<body background="1.jpg">ini untuk background gambar 1 folder</body>
<body background ="C://users/root/pictures/low.jpg"> Untuk background gambar beda folder (misalnya saya menaruhnya di folder Pictures yang ada di C: </body>
Catatan : ganti link foldernya sesuai dengan tempat menaruh gambar anda, biasanya ada di properties pada gambar.
Tag untuk Memasukkan Gambar :
Untuk 1 folder : <img src="1.jpg"></img>
Untuk beda folder (sama saja caranya seperti tag body background di atas hanya diganti dengan):<img src="C://Users/namausers/pictures/1.jpg></img>
catatan : format gambar yang mendukung untuk html hanya beberapa saja diantaranya : JPEG,JPG,PNG,GIF.
ganti link foldernya sesuai dengan tempat menaruh gambar anda, biasanya ada di properties pada gambar.
Tag untuk memasukkan audio :
Untuk 1 folder : <audio controls>
<source src="Nama Lagu.mp3" type="audio/mpeg" autostart=true loop=true></audio>
Untuk beda folder : <audio controls><source src="C://Users/namausers/music/1.mp3"></audio>
catatan : silahkan ganti link musik tersebut sesuai tempat anda menaruh musik tersebut.
Format audio yang work adalah : mp3, wav , ataupun ogg.
autostart=untuk memulai secara otomatis
loop=perintah mengulang
true=ya
false=tidak
tetapi terkadang beberapa format tersebut tidak work di beberapa browser.
Tag untuk memasukkan video :
Untuk 1 folder :<video width="320" height="240" controls autoplay>
<source src="judul video.mp4" type="video/mp4">
</video>
<video width="320" height="240" controls autoplay>
<source src="C://Users/namausers/video/1.mp4" type="video/mp4">
</video>
catatan : format audio yang work adlaah mp4,wav ,dan ogg. Sama halnya seperti audio , terkadang beberapa format video tidak work pada salah satu browser.
silahkan ganti link musik tersebut sesuai tempat anda menaruh musik tersebut.
Oke sekian dulu pertemuan kita, sampai jumpa di pertemuan kita selanjutnya..
Jika ada pertanyaan bisa hubungi saya di Facebook (lihat di homepage ada nama fb dan link fb saya).
Salam 3 stripes and red stars...
Tidak ada komentar :
Posting Komentar