tugas pemprograman 6/6

 Dokumen Html & contoh codingnya

contoh codingnya:
 
<html>
<head>
<title> tabel nomor 6</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="50" align="center" cellspacing="0">
    <tr>
        <th width="627" height="23" align="center" bgcolor="orange"><strong><font color="black" size="+4">WEB SEKOLAH KITA</font></strong></th>
    </tr>
<table width="800" height="300" align="center" cellspacing="1">
            <td bgcolor="yellow" valign="top"><strong>
    <p>Menu</p>
    <p>Profil Sekolah</p>
    <p>Galery Sekolah</p>
    <p>Kegiatan</p>
    <p>Hubungi Kami</p>
            </td>
            <td height="176" align="center" valign="top" bgcolor="floralwhite"><p>&nbsp;</p>
    <p>ISI DARI HALAMAN WEB</p>
            </td>
<table width="800" height="0" align="center" cellspacing="0">
            <td height="30" align="center" bgcolor="orange">Copyraight©sekolahkita.com</font></td>
    </tr>
</table>
</form>
</body>
</html>

Hasil codingnya:

       
di Tidak ada komentar:

pemprograman web tugas 5/6

Dokumen HTML Alternating Index & Contoh Kodingnya



CONTOH KODINGNYA :

<html >
<head>
<title>alternating</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="800" height="738" border="1"
align="center">
    <tr>
      <td height="248" align="center"
bgcolor="#FF66CC"><font size="+1"><strong>Teks/Daftar 
        isi</strong></font></td>
      <td align="center" bgcolor="#FFFFCC"><font
color="#000066" size="+7"><strong><em>Gambar 
        </em> </strong></font></td>
    </tr>
    <tr>
      <td height="261" align="center"
bgcolor="#FFFF99"><font color="#CC0000"
size="+7"><strong><em>Gambar 
        </em></strong></font><font
size="+7"><em></em></font></td>
      <td align="center" bgcolor="#FF66CC"><font
size="+1"><strong>Teks/daftar 
        isi</strong></font></td>
    </tr>
    <tr bgcolor="#996666"> 
      <td height="150" colspan="2" align="center"><font
color="#FFFFFF"><strong><font size="+1">Lainlain</font></strong></font></td>

    </tr>
  </table>
</form>
</body>
</html>


GAMBAR HTML ALTERNATING INDEX :









  
 


di Tidak ada komentar:

pemprograman web tugas 4/6


Dokumen HTML Layout Split & Contoh Kodingnya




CONTOH KODINGNYA :

<html >
<head>
<title>left </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="#99CC99"><strong>Daftar 
        Isi </strong> </td>
      <td width="67%" height="23" align="center"
bgcolor="#FFCCFF"><font
size="+3"><strong>Banner/judul</strong></font></td>
      <td width="18%" rowspan="2" align="center"
bgcolor="#99CC99"><strong>Daftar 
        Isi </strong> </td>
    </tr>
    <tr>
      <td height="456" align="center"
bgcolor="#CCCCCC">
   <p>Body atau contents(isi)</p>
        <p><font color="#006600">Body atau
contents(isi)</font></p>
        <p><font color="#CC0000">Body atau
contents(isi)</font></p>
        <p><font color="#FFFF00">Body atau
contents(isi)</font></p>
        <p><font color="#990033">Body atau
contents(isi)</font></p>
   </td>
    </tr>
    <tr bgcolor="#FF99FF"> 
      <td height="23" colspan="3" align="center">Lainlain
</td>

    </tr>
  </table>
</form>
</body>
</html>


GAMBAR  HTML LAYOUT SPLIT :


di Tidak ada komentar:

Pemrograman Web Tugas 3/6

Dokumen HTML Left Index Index & Contoh Kodingnya



CONTOH KODINGNYA : 

<html>
<head>
<title>Left Colour</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="800" height="447" border="1"
align="center" cellspacing="1">
    <tr>
      <th width="160" rowspan="3" valign="top"
bgcolor="#993366"><p>Home</p>
      <p>Profile</p>
      <p>About Us</p>
      <p>Blog</p>
      <p>Contact Us</p></th>
      <th width="627" height="23" align="center"
bgcolor="#FFFF99"><strong><font color="#CCCCCC"
size="+4">Electronic 
        Shop</font></strong></th>
    </tr>
    <tr>
      <td height="176" align="center" valign="top"
bgcolor="#FFFF99"><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="#FFFF99">
<font size="+2">profilkami.com</font></td>
    </tr>
  </table>
</form>
</body>
</html>
GAMBAR HTML LEFT INDEX :

di Tidak ada komentar:

Pemrograman Web TUGAS 2./6

Dokumen HTML Bottom Index & Contoh Kodingnya
  
   

 CONTOH KODINGNYA :

<html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="800" height="542" border="1"
align="center">
    <tr>
    <td height="23" align="center" bordercolor="#FFFFFF"
bgcolor="#FFFF00"><strong><font size="+5">Banner
        / Judul</font></strong></td>
    </tr>
        <tr>
      <td height="457" align="center" bgcolor="#CCCCCC">
        <p>Body atau contents(isi)</p>
        <p><font color="#006600">Body atau
contents(isi)</font></p>
        <p><font color="#CC0000">Body atau
contents(isi)</font></p>
        <p><font color="#FFFF00">Body atau
contents(isi)</font></p>
        <p><font color="#990033">Body atau
contents(isi)</font></p></td>
    </tr>
    <tr>
      <td height="23" align="center"
bgcolor="#CCFF99"><font color="#FF0000"><strong><font
size="+2">Daftar
        isi atau navigasi </font></strong></font><font
color="#9966CC" size="+2">&nbsp;</font></td>
    </tr>
  </table>
</form>
</body>
</html> 



GAMBAR HTML BOTTOM INDEx





di Tidak ada komentar:

Pembrograman Web Tugas 1/6

Dokumen HTML Top Index & Contoh Kodingnya




CONTOH KODINGNYA :

<html>
<head>
<title>Top index</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <table width="800" height="542" border="1" 
align="center">
    <tr>
      <td height="23" align="center"
bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font
size="+5">Banner
        atau iklan</font></strong></td>
    </tr>
    <tr>
      <td height="27" align="center"
bgcolor="#FFCCCC"><font color="#FF0000">Daftar
        isi atau navigasi </font></td>
    </tr>
    <tr>
      <td height="457" align="center" bgcolor="#FF66CC">
        <p>Body atau contents(isi)</p>
        <p><font color="#006600">Body atau
contents(isi)</font></p>
        <p><font color="#CC0000">Body atau
contents(isi)</font></p>
        <p><font color="#FFFF00">Body atau
contents(isi)</font></p>
        <p><font color="#FF6633">Body atau
contents(isi)</font></p></td>
    </tr>
    <tr>
      <td height="23" align="center"
bgcolor="#CCFF99"><font color="#9966CC">Info
        tambahan atau lain-lain </font></td>
    </tr>
  </table>
</form>
</body>
</html>


GAMBAR HTML TOP INDEX :




 



 

di Tidak ada komentar:

pemprograman WEB

HTML tabel bersarang & contoh codingnya

* tabel bersarang
tabel bersarang adalah istilah tabel di dalam tabel.teknik tabel bersarang adalah salah satu untuk menghasilkan layout tabel yang kompleks tanpa membuat tabel yang sangat kompleks,maka cara sederhananya adalah membuat tabel di dalam tabel sebuah sel (<td></td>)

* contoh codingnya

<html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<h1 align='center'>Tabel Bersarang</h1>
<table bgcolor='green' width='800' align='center'>
<tr>
<td width='900' height='50' valign='top'>table>tr>td
<table bgcolor='orange' width='100%'>
<tr>
<td height='25' table>tr>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table bgcolor='orange' width='100%'>
<tr>
<td height='50' >table>tr>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table bgcolor='orange' width='100%'>
<tr>
<td height='75' valign='top'>table>tr>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table bgcolor='orange' width='100%'>
</tr>
<td valign='top'>table>tr>td</td>
</tr>
<td bgcolor='aqua' valign='top' align='center' width='25%'>td</td>
<td> </td>
<td bgcolor='aqua' width='50%' height='100' align='center'>td
<table bgcolor='red' width='100%'>
<tr>
<td width='100%' valign='top'>table>tr>td
<table bgcolor='red' width='100%'>
</td>
</tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='30' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='20' valign='top'>td</td>
</tr>
</tr>
\</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='30' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='20' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='30' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='20' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
<tr>
<td>
<table width='100%'>
<tr>
<td bgcolor='gold' height='50' valign='top'>td</td>
</tr>
</tr>
</table>
</td>
</table>
</table>
<td> </td>
<th  bgcolor='aqua' valign='top' align='center' width='25%' height='100'>td</th>
</table>
</td>
<tr>
<td>
<table bgcolor='orange' width='100%'>
<tr>
<td height='20' valign='top'>table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>


*gambar hasil coding

di Tidak ada komentar:
Langganan: Postingan (Atom)

Prinsip-Prinsip FIREWALL

Firewall mendukung penyaringan dan keamanan fungsi yang digunakan untuk mengelola data mengalir ke router, melalui router, dan dari rou...

  • Cara Install Dan Konfigurasi Pada X-Lite
    INSTALL   DAN KONFIGURASI X-LITE X-lite merupakan perangkat lunak yang dikembangkan oleh CounterPath Solutions Inc., yang diaplikasikan...
  • Prinsip-Prinsip FIREWALL
    Firewall mendukung penyaringan dan keamanan fungsi yang digunakan untuk mengelola data mengalir ke router, melalui router, dan dari rou...
  • SARVER FIREWALL itu APA SIH
    Sebuah server merupakan jantungnya kebanyakan Jaringan, merupakan komputer yang sangat cepat, mempunyai memori yang besar, harddisk y...