Kamis, 14 April 2016

Cara Input Foto Di HTML

          Seperti biasa saya buka dengan ...
Assalamualaikum Wr. Wb

Baiklah tanpa banyak cincong saya akan menunjukan cara "Input Foto Di HTML"



#First

<html>
<head>
    <title>Ichwani</title>
</head>
<body>
    <h1>Menggabung Gambar dan teks,posisi terhadap teks secara virtual</h1>
     <p><img src="Ichwani.jpg" width="250px" height="150px" align="top">Gambar 1(Top)</img>
     <p><img src="Ichwani.jpg" width="250px" height="150px" align="middle">Gambar 2(Middle)</img>
     <p><img src="Ichwani.jpg" width="250px" height="150px" align="bottom">Gambar 3(Bottom)</img>
</body>
</html>

Hasil :



#Second

<html>         
    <head>
        <title>Ichwani</title>
            <h2><b>menggabung gambar dan teks, posisi terhadap teks secara horizontal</h2>
    </head>
        <body>
   <p><img src="
Ichwani.jpg" width="350px" height="250px" align="top" align="left">Pukul boleh</img><br>
    <p><img src="
Ichwani.jpg" width="350px" height="250px" align="right" align="bottom" align="right"><h3>Sakit jangan :'v</h3></img>
        </body>
</html>


Hasil :

#Third

<html>
 <head>
    <title>Ichwani</title>
 </head>
 <body>
 <h1>Menyajikan format gambar dengan keterangan .</h1>
     <img title="Iwan" src="Ichwani.jpg" align="center" width="720px" height="480px"></img>
 </body>
</html>

Hasil :

Dan saya tutup dengan Wassalamualaikum Wr. Wb

Tidak ada komentar:

Posting Komentar