Rabu, 16 November 2016

Tugas 6

Assallamualaikum Wr.Wb.

Kali ini saya ingin memberitahukan Codingan Tugas 6

Berikut codingnya :

<html>
<head>
<title>Web Sekolah Kita</title>
</head>
<body>
<form id="form1" name="form1" method="post">
  <table width="600" cellspacing="1" bgcolor="red">
    <tr>  
      <th bgcolor="red" colspan="2">
 <font size="+4" color="gold">Web Sekolah Kita</font>
 </th>
    </tr>
    <tr>
    <td bgcolor="green" valign="top" style="color:yellow">
Menu
<br>Profil Sekolah
<br>Galery Foto
<br>Kegiatan
<br>Hubungi Kami
    </td>
      <td width="475"height="200" align="center" valign="top"
bgcolor="blue" style="color:white"><p>&nbsp;</p>
      <p>ISI DARI HALAMAN WEB</p></td>
    </tr>
    <tr>
      <td height="30" align="center" bgcolor="red" colspan="2">
<font size="+2" color="gold">Copyright © ibnufadillah123.blogspot.com</font></td>
    </tr>
  </table>
</form>
<!--Created By Ibnu Fadillah-->
</body>
</html>

Inilah Hasilnya :



Sekian Postingan Saya Kali Ini.
Semoga Bermanfaat.

Wassallamualaikum Wr.Wb.
Diposting oleh di Tidak ada komentar:

Tugas 5

Assallamualaikum Wr.Wb.

Kali ini saya ingin memberitahukan Codingan Tugas 5

Berikut codingnya :

<html>
<head>
<title>Alternating Index</title>
</head>
<body>
<form id="form1" name="form1" method="post">
  <table width="800" height="738" border="1"
align="center">
    <tr>
      <td height="248" align="center"
bgcolor="blue"><font size="+1"><strong>Teks/Daftar
        isi</strong></font></td>
      <td align="center" bgcolor="red"><font
color="green" size="+7"><strong><em>Gambar
        </em> </strong></font></td>
    </tr>
    <tr>
      <td height="261" align="center"
bgcolor="aqua"><font color="red"
size="+7"><strong><em>Gambar
        </em></strong></font><font
size="+7"><em></em></font></td>
      <td align="center" bgcolor="brown"><font
size="+1"><strong>Teks/daftar
        isi</strong></font></td>
    </tr>
    <tr bgcolor="orange">
      <td height="150" colspan="2" align="center">
  <font color="blue"><strong><font size="+1">Lain-lain</font></strong></font>
  </td>
    </tr>
  </table>
</form>
<!--Created By Ibnu Fadillah-->
</body>
</html>

Inilah Hasilnya :



Sekian Postingan Saya Kali Ini.
Semoga Bermanfaat.

Wassallamualaikum Wr.Wb.
Diposting oleh di Tidak ada komentar:

Tugas 4

Assallamualaikum Wr.Wb.

Kali ini saya ingin memberitahukan Codingan Tugas 4

Berikut codingnya :

<html>
<head>
<title>Layout split</title>
</head>
<body>
<form id="form1" name="form1" method="post">
  <table width="800" height="512" border="1"
align="center">
    <tr>
      <td width="15%" rowspan="2" align="center"
bgcolor="blue" style="color:white"><strong>Daftar
        Isi </strong> </td>
      <td width="67%" height="23" align="center"
bgcolor="red"><font
size="+3" color="aqua"><strong>Banner/judul</strong></font></td>
      <td width="18%" rowspan="2" align="center"
bgcolor="blue" style="color:white"><strong>Daftar
        Isi </strong> </td>
    </tr>
    <tr>
      <td height="456" align="center"
bgcolor="orange">
   <p style="color:brown">Body atau contents(isi)</p>
   <p style="color:purple">Body atau contents(isi)</p>
   <p style="color:blue">Body atau contents(isi)</p>
   <p style="color:green">Body atau contents(isi)</p>
   <p style="color:white">Body atau contents(isi)</p>
   </td>
    </tr>
    <tr bgcolor="red">
      <td height="23" colspan="3" align="center" style="color:aqua">Lain-lain</td>
    </tr>
  </table>
</form>
<!--Created By Ibnu Fadillah-->
</body>
</html>

Inilah Hasilnya :



Sekian Postingan Saya Kali Ini.
Semoga Bermanfaat.

Wassallamualaikum Wr.Wb.
Diposting oleh di Tidak ada komentar:

Tugas 3

Assallamualaikum Wr.Wb.

 Kali ini saya ingin memberitahukan Codingan Tugas 3

Berikut codingnya :

<html>
<head>
<title>Left Index</title>
</head>
<body>
<form id="form1" name="form1" method="post">
  <table width="800" height="447" border="1" align="center" cellspacing="1">
    <tr>
      <th width="160" rowspan="3" valign="top"
bgcolor="darkred"><p style="color:white">Home</p>
      <p style="color:white">Profile</p>
      <p style="color:white">About Us</p>
      <p style="color:white">Blog</p>
      <p style="color:white">Contact Us</p></th>
      <th width="627" height="23" align="center"
bgcolor="darkgreen" style="color:gold"><font size=+4""><strong>Electronic Shop</strong></font></th>
    </tr>
    <tr>
      <td height="176" align="center" valign="top"
bgcolor="gold" style="color:green"><p>&nbsp;</p>
      <p>Selamat datang di web kami, penjualan produk
online ini adalah yang pertama di kota kami.
   kualitas dan harga dapat dipercaya langsung saja
pesan dan menjadi langganan kami.
  </p></td>
    </tr>
    <tr>
      <td height="30" align="center" bgcolor="darkgreen">
<font size="+2" color="gold">ibnufadillah123.blogspot.com</font></td>
    </tr>
  </table>
</form>
<!--Created By Ibnu Fadillah-->
</body>
</html>

Inilah Hasilnya :


Sekian Postingan Saya Kali Ini.
Semoga Bermanfaat.

Wassallamualaikum Wr.Wb.
Diposting oleh di Tidak ada komentar:

Tugas 2

Assallamualaikum Wr.Wb.

 Kali ini saya ingin memberitahukan Codingan Tugas 2

Berikut codingannya :

<html>
<head>
<title>Bottom index</title>
</head>
<body>
<form id="form1" name="form1" method="post">
  <table width="800" height="542" border="1" align="center">
    <tr>
    <td height="23" align="center" bgcolor="orange"><strong><font size="+5">Banner / Judul</font></strong></td>
    </tr>
        <tr>
      <td height="457" align="center" bgcolor="green">
        <p style="color:gold">Body atau contents(isi)</p>
        <p style="color:aqua">Body atau contents(isi)</p>
        <p style="color:blue">Body atau contents(isi)</p>
        <p style="color:red">Body atau contents(isi)</p>
        <p style="color:purple">Body atau contents(isi)</p>
 </td>
    </tr>
    <tr>
      <td height="23" align="center" bgcolor="yellow" style="color:red">
 <font size="+2"><strong>Daftar isi atau navigasi</strong></font>
 </td>
    </tr>
  </table>
</form>
<!--Created By Ibnu Fadillah-->
</body>
</html>

Inilah Hasilnya :



Sekian Postingan Saya Kali Ini. 
Semoga Bermanfaat.

Wassallamualaikum Wr.Wb.
Diposting oleh di Tidak ada komentar:

Tugas 1

Assalamualaikum Wr.Wb.

Kali ini saya ingin memberitahukan Codingan Tugas 1

Berikut codingannya :


<html>

<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post">
  <table width="800" height="542" border="1" align="center">
    <tr>
      <td height="23" align="center" bgcolor="red"><strong><font size="+5">Banner atau iklan</font></strong></td>
    </tr>
    <tr>
      <td height="27" align="center" bgcolor="green"><font color="gold">Daftar isi atau navigasi </font></td>
    </tr>
    <tr>
      <td height="457" align="center" bgcolor="gold"> 
        <p style="color:red">Body atau contents(isi)</p>
<p style="color:white">Body atau contents(isi)</p>
        <p style="color:aqua">Body atau contents(isi)</p>
<p style="color:brown">Body atau contents(isi)</p>
        <p style="color:purple">Body atau contents(isi)</p>
 </td>
    </tr>
    <tr>
      <td height="23" align="center" bgcolor="magenta" style="color:blue">Info tambahan atau lain-lain</td>
    </tr>
  </table>
</form>
<!--Created By Ibnu Fadillah-->
</body>
</html>

Inilah Hasilnya :



Sekian Postingan Saya Kali Ini.
Semoga Bermanfaat.

Wassallamualaikum Wr.Wb.
Diposting oleh di Tidak ada komentar:

Jumat, 04 November 2016

Cara Membuat Tabel Bersarang

Assallamualaikum Wr.Wb.


Hallo Guys, Ini adalah postingan pertama saya.
Disini saya akan memberitahukan cara membuat tabel bersarang. Oke, langsung Saja.

Pertama, Copy Codingan dibawah ini :

<html>
<body>
<table cellpadding="7" width="500" bgcolor="gold">
<tr bgcolor="gold">
<th align="left" style="color:green">table > tr > td
<table cellspacing="8" bgcolor="gold" width="100%" cellpadding="5">
<tr height="55"><td bgcolor="green" valign="baseline" style="color:gold">table > tr > td</td></tr>
<tr height="75"><td bgcolor="green" valign="baseline" style="color:gold">table > tr > td</td></tr>
<tr height="90"><td bgcolor="green" valign="baseline" style="color:gold">table > tr > td</td></tr>
<tr><td bgcolor="green" style="color:gold">table > tr > td
<table width="100%" cellspacing="8" cellpadding="7">
<tr>
<td bgcolor="blue" valign="baseline"  width="25%" style="color:white">td</td>
<td bgcolor="blue" style="color:white" width="50%">td
<table cellspacing="5" width="100%" height="100%">
<tr bgcolor="red">
<td align="left" style="color:yellow">table > tr > td
<table width="100%" cellspacing="5" style="color:red">
<tr bgcolor="yellow" height="30" valign="baseline"><td>td</td></tr>
<tr bgcolor="yellow"><td>td</td></tr>
<tr bgcolor="yellow" height="30" valign="baseline"><td>td</td></tr>
<tr bgcolor="yellow"><td>td</td></tr>
<tr bgcolor="yellow" height="30" valign="baseline"><td>td</td></tr>
<tr bgcolor="yellow"><td>td</td></tr>
<tr bgcolor="yellow" height="75" valign="baseline"><td>td</td></tr>
</table>
</td>
</tr>
</table>
</td>
<td bgcolor="blue" valign="baseline" width="25%" style="color:white">td</td>
</tr>
</table>
</td></tr>
<tr><td bgcolor="green" style="color:gold" height="45" valign="baseline">table > tr > td</td></tr>
</table>
</th>
</tr>
</table>
</body>
</html>


Inilah Hasilnya :



Sekian Postingan Saya Kali Ini.
Semoga Bermanfaat.

Wassallamualaikum Wr.Wb
Diposting oleh di Tidak ada komentar:

Profil

Nama : Ibnu Fadillah
Sekolah : Smkn 2 Banjarmasin
Kelas : X (sepuluh)
Jurusan : Tekhnik Komputer dan Jaringan (TKJ)
Hobby : Bermain catur
instagram : ibnufadillah123
Id line : ibnufadillah123
Diposting oleh di Tidak ada komentar:
Langganan: Komentar (Atom)