Assalamuallaikum ,wr,wb
pada kesempatan kali ini saya akan menulis cara memasang atau membuat gambar di notepad++ ,
sebelum menusil di note pad ++ kalian harus sudah punya gambar nya mungkin kurang lebih 3 gambar dan buat folder baru untuk menyimpan gambar itu , setelah gambar itu sdh ada difolder baru barulah kita menulis codingnya , tapi ingat kaliann harus menyamakan file gambar kalian , coding file gambar yg saya berikan hanya contoh , ini codingnya
<html>
<head>
<title>Ini Bagian Web Saya</title>
</head>
<body>
<h1>Menggabung Gambar dan teks,posisi terhadap teks secara virtual</h1>
<p><img src="dangdut koplo.png" width="250px" height="150px" align="top">Gambar 1(Top)</img>
<p><img src="i lope mom.jpg" width="250px" height="150px" align="middle">Gambar 2(Middle)</img>
<p><img src="i love dangdut.jpg" width="250px" height="150px" align="bottom">Gambar 3(Bottom)</img>
</body>
</html>
udah keliatan kan hasil nya :):):):):)
terimakasih :)
Senin, 16 Mei 2016
Sabtu, 16 April 2016
Cara memasukan audio ke web
Untuk
memasukkan suara pada html bisa menggunakan tag <audio>.
• Format
suara yang telah didukung hingga saat ini adalah MP3, Ogg dan WAP.
• File-file
Audio yang didukung HTML5 adalah MP3,WAV, dan OGG.
• Tidak
semua tipe file audio tersebut didukung oleh browser.
• OGG
merupakan format audio yang didukung oleh Mozilla firefox, opera,
dan google chrome.
dan google chrome.
• MP3
merupakan format audio yang didukung oleh Google Chrome dan
safari.
safari.
WAV merupakan format audio yang didukung oleh Mozilla
Firefox dan
Opera.
Opera.
• Format
MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav
ini codingnya :
<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio autoplay loop>
<source src="contohlagu.mp3" type+"audio/mp3">
</audio>
</body>
</html>
<head>
<title>cek suara</title>
</head>
<body>
<audio autoplay loop>
<source src="contohlagu.mp3" type+"audio/mp3">
</audio>
</body>
</html>
Cara memasang gambar atau poto ke web dengan html atau notepad++
cara pertama :
Ketiga menyajikan format gambar dengan keterangan
Coding :
<html>
<head>
<title>Ini Web saya</title>
</head>
<body>
<h1>Menyajikan format gambar dengan keterangan</h1>
<img title="anim" src="i love dangdut.jpg" align="center" width="720px" height="480px"></img>
</body>
</html>
hasil :

cara kedua :
<html>
<head>
<title>Ini Web Saya</title>
<h2><b>menggabung gambar dan teks, posisi terhadap teks secara horizontal</h2>
</head>
<body>
<p><img src="i lope mom.jpg" width="350px" height="250px" align="top" align="left">i lope mom</img><br>
<p><img src="dangdut koplo.png" width="350px" height="250px" align="right" align="bottom" align="right"><h3>dangdut koplo</h3></img>
</body>
</html>
hasil :
Ketiga menyajikan format gambar dengan keterangan
Coding :
<html>
<head>
<title>Ini Web saya</title>
</head>
<body>
<h1>Menyajikan format gambar dengan keterangan</h1>
<img title="anim" src="i love dangdut.jpg" align="center" width="720px" height="480px"></img>
</body>
</html>
hasil :
cara kedua :
<html>
<head>
<title>Ini Web Saya</title>
<h2><b>menggabung gambar dan teks, posisi terhadap teks secara horizontal</h2>
</head>
<body>
<p><img src="i lope mom.jpg" width="350px" height="250px" align="top" align="left">i lope mom</img><br>
<p><img src="dangdut koplo.png" width="350px" height="250px" align="right" align="bottom" align="right"><h3>dangdut koplo</h3></img>
</body>
</html>
hasil :
Langganan:
Komentar (Atom)