Senin, 16 Mei 2016

coding membuat/memasang gambar vertikal di notepad++

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 :)

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.
       MP3 merupakan format audio yang didukung oleh Google Chrome dan
safari.
WAV merupakan format audio yang didukung oleh Mozilla Firefox dan
Opera.
       Format                 MIME-type
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>

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 :