Jumat, 04 Maret 2016

contoh coding dengan gambar

tugas 1


kali ini saya akan memperlihatkan cara membuat coding dengan gambar 

codingnya seperti dibawah ini


<html>
<head>
<title>gambar</title>
</head>
<body>
<h3><b>MENGGABUNGKAN GAMBAR DALAM TEKS, POSISI TERHADAP TEKS SECRA VERTIKAL<h3/>
<p><img src="kaneki ken.PNG"align="top">kaneki ken</p>
<p><Img src="ika musume.PNG"align="middle">ika musume-chan</p>
<p><img src="sniping.PNG"align="bottom">weapon M21.11 caliber.50</P>



maka hasilnya jadi seperti gambar berikut...


 tugas 2

codingnya seperti berikut

<html>
<head>
<title>gambar</title>
<h2><h>MENGGABUNGKAN GAMBAR DALAM TEKS, POSISI TERHADAP TEKS SECARA HORISONTAL</h2>
</head>
<body>
<img src="ika musume.PNG"align="top"align<big>anak separuh cumi-cumi</p>
<img src="kaneki ken.PNG"align="right"align="bottom"align="right"><big>seorang manusia setengah ghoul</p>
</body>
</html>


maka hasilnya akan menjadi seperti gambar berikut















tugas 3 


codingnya seperti berikut

<html>
<head>
<title>Gambar</title>
<h2><h>MENYAJIKAN FORMAT GAMBAR DENGAN KETERANGAN</h2>
</head>
<body>
<img src="ika musume.PNG"title="seorang utusan dari laut untuk menguasai bumi tidak kesampaian"/>
</body>
</html>



maka hasilnya akan menjadi seperti gambar berikut

















TUGAS 7

<html>
<head>
<title>ilham</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="500" align="center" border="1">
<tr>
<td width="15%" rowspan="2" align="center" bgcolor="#black"><strong></strong>saya di sini akan memberikan list anime summer 2016</td>
<td width="70%" height="100" align="center" bgcolor="#green"><font size="+2"><p>re:zero isekai seikatsu kara</p></td>
</tr>
<tr>
<td heigth="500" align="center" bgcolor="#silver">
<p><font color="#black">Selamat datang di blog kami,</font></p>
</td>
</tr>
<tr bgcolor="#yellow">
<td height="50" colspan="3" bgcolor="#blue" align="center"><strong><font color="#black">Darkassassin</font></strong></td></p>
</tr>
</td>
</table>
</body>
</html>

maka hasilnya akan menjadi seperti gambar berikut.










TUGAS8


<html>
<head>
<title>Ilham</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="512" border="1" align="center">
<tr>
<td width="15%" rowspan="2" align="center" bgcolor="#blue"><strong>Daftar isi</strong></td>
<td width="67%" height="23" align="center" bgcolor="#black"><font size="+3"><Strong>kawagoe,saitama</strong></font></td>
<td rowspan="2" width="20%" align="center" bgcolor="#blue"><strong>tanpa nama</strong></td>
</tr>
<tr>
<td height="456" align="center" bgcolor="#blue">
<p>Daftar anime</p>
<p><font color="#green">schwarzesmarken</font></p>
<p><font color="#green">saijaku muhai no bahamut</font></p>
<p><font color="#green">black bullet</font></p>
<p><font color="#green">sousei no onmyouji</font></p>
</td>
</tr>
<tr bgcolor="#black">
<td height="23" colspan="3" align="center">Darkassassin</td>
</td>
</tr>
</table>
</form>
</body>
</html>

maka hasilnya akan menjadi seperti gambar berikut.





TUGAS 9


<head>
<title>Ilham</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="750" height="400" border="1" align="center">
    <tr>
      <td height="200" align="center"
bgcolor="#green"><font size="+5"><strong>blackberry
        </strong></font></td>
      <td align="center" bgcolor="#black"><font color="#blue" size="+5"><strong><em>Samsung
        </em> </strong></font></td>
    </tr>
    <tr>
      <td height="261" align="center" bgcolor="#black"><font color="#blue" size="+5"><strong><em>Lenovo
        </em></strong></font><font size="+7"><em></em></font></td>
      <td align="center" bgcolor="#green"><font size="+5"><strong>Asus
        </strong></font></td>
    </tr>
    <tr bgcolor="#996666">
      <td height="150" colspan="2" bgcolor="#blue" align="center"><font color="#black"><strong><font size="+1">Pilihan Lain</font></strong></font></td>
    </tr>
  </table>
</form>
</body>
</html>


maka hasilnya akan menjadi seperti gambar berikut.