contoh coding web

Layout halaman web


Top Index
<!DOCTYPE html>
<head>
<title>top Index</title>
</head>
<body>
<form id="form1" name="form1"method="post"action"">
<table width="800"height="532"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>
</tr>
<td height="23" align="center" bgcolor="#ccff99"><font color="#9966cc">Info tambahan atau lain lain</font></td>
</tr>
</table>
</form>
</body>
</html>




maka hasilnya akan menjadi seperti gambar berikut.






berikut adalah tampilan warna yang berbeda.



Top Index
<!DOCTYPE html>
<head>
<title>top Index</title>
</head>
<body>
<form id="form1" name="form1"method="post"action"">
<table width="800"height="532"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>
</tr>
<tr>
<td height="457"align="center"bgcolor="#silver">
<p>Body atau contents</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>
</tr>
<tr>
<td height="23" align="center" bgcolor="#ccff99"><font color="#9966cc">Info tambahan atau lain lain</font></td>
</tr>
</table>
</form>
</body>
</html>




hasilnya akan menjadi seperti gambar berikut











Komentar

Posting Komentar

Postingan populer dari blog ini

Standart Pengkabelan EIA658 (cara pemasangan kabel UTP)

Gambar
Baiklah kali ini saya akan memberikan sedikit dari pengetahuan saya mengenai standart pengkabelan EIA658 yaitu dari bagian bagian kabel UTP, urutan warna dari kabel UTP untuk (croos/straight), sampai dengan cara pemasangannya. Oke langsung saja kita ke materi pembahasannya cekidot :) Bagian dari kabel UTP Nah ini merupakan bagian dari kabel UTP yang perlu kalian ketahui sebelumnya, lalu kita ke bagian susunan dari warna warna kabel tersebut sebelum dipasang ke RJ 45 Susunan standart pengkabelan EIA654 {*} Straight 1. Putih-Orange 2. Orange 3. Putih-Hijau 4. Biru 5. Putih-Biru 6. Hijau  7. Putih-Cokelat 8. Cokelat {*} Crossover 1. Putih-Hijau 2. Hijau 3. Putih-Orange 4. Biru 5. Putih-Biru 6. Orange 7. Putih-Cokelat 8. Cokelat Yeah sudah tau kan sekarang mana kabel straight dan cross, perbedaannya adalah untuk kabel cross hanya bisa menghubungkan antara 2 device yang sama, sedangkan kabel straight dapat menghubungkan 2 device
Baca selengkapnya

Cara membuat HTML

Gambar
Cara membuat html coding rowspan dan colspan <html> <head> <title>tabel</title> </head> <h1>berikut contoh tabel dengan rowspan dan cosplan</h1> <table width=80% border=1 cellpadding=0> <tr> <td>baris 1 kolom 1</td> <td>baris 1 kolom 2</td> </tr> <tr> <td colspan=2>baris 2 kolom 1</td> <tr> <td>baris 3 kolom 1</td> <td>baris 3 kolom 2</td> </tr> </table> </body> </html> Hasil
Baca selengkapnya

Explanation 7 OSI layer

Gambar
Oke broo balik lagi nih postingan ane, kali ini kita akan membahas sedikit tentang apa aja sih 7 OSI layer itu dan semoga postingan ini dapat menambah pengetahuan kita semua aminn :) (*) 7 OSI Layer 1. Layer Physical Ini adalah layer yang paling sederhana; berkaitan dengan electrical (dan optical) koneksi antar peralatan. Data biner dikodekan dalam bentuk yang dapat ditransmisi melalui media jaringan, sebagai contoh kabel, transceiver dan konektor yang berkaitan dengan layer Physical. Peralatan seperti repeater, hub dan network card adalah berada pada layer ini. 2. Layer Data-link Layer ini sedikit lebih “cerdas” dibandingkan dengan layer physical, karena menyediakan transfer data yang lebih nyata. Sebagai penghubung antara media network dan layer protocol yang lebih high-level, layer data link bertanggung-jawab pada paket akhir dari data binari yang berasal dari level yang lebih tinggi ke paket diskrit sebelum ke layer physical. Akan mengirimkan frame (blok dari data
Baca selengkapnya