Skip to main content

Tabel LayOut di blog sebagai kerangka

Akhir-akhir ini saya sering memposting hal hal tentang web(terutama tentang tabel dalam HTML)
Saya menganggap blog saya itu seperti media penyimpanan tapi melalui internet,sehingga apabila memori dalam laptop saya korup atau terformat saya masih punya cadangan di blogger.
Oke lanjut di topik,dimana kita dapat menambah tabel sebagai kerangka web itu sendiri.
Inilah contoh-contoh script Layout Bottom dan Layout Top :

Layout Bottom

<!DOCTYPE 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="#green" bgcolor="green"><strong><font size="+5">Banner
        atau iklan</font></strong></td>
    </tr>
        <tr>
    <td height="27" align="center" bgcolor="blue"><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>



Layout Top

 
<!DOCTYPE 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="#green" bgcolor="green"><strong><font size="+5">Banner
        atau iklan</font></strong></td>
    </tr>
    <tr>
    <td height="23" align="center" bgcolor="#CCFF99"><font color="#9966CC">Ini Top Index</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>
  
 </table>
    </form>
 </body>
</html>

  
--------------------------------------------------------------------------------------------------------------------------
Contoh Hasil :

LayOut Bottom





  



LayOut Top
 
Terima Kasih :)
Label:

Comments

Post a Comment

Popular posts from this blog

TROUBLE SHOOTING JARINGAN - 7 OSI LAYER

SOAL    : 1. Sebutkan 7 OSI layer dan jelaskan 2. Sebutkan Layer TCP/IP dan jelaskan 3. Data Link Layer    a. Bagaimana cara mendeteksi kesalahan pada data link layer    b. Jelaskan apa yang dimaksud IEEE lapisan MAC 48-bit Addressing    c. Jelaskan Transparan bridging dan switching operasi    d. Apa yang dimaksud Switch sebagai multiport jembatan 4. Network Layer    a. Pengertian Router dan jenis-jenis router    b. Protokol yang ada pada network layer dan jelaskan fungsinya    c. Jelaskan apa itu Internet kontrol message protokol (ICMP)    d. Apa itu traceroute dan cara penggunaannya JAWABAN : 7 OSI LAYER DAN PENJELASAN 7 lapisan osi  7 OSI Layer memiliki 7 Layer yang Terdiri dari : Physical Layer   DataLink Layer   Network Layer   Transport Layer   Session Layer   Presentation Layer   Application Layer. ...
Post a Comment
Read more

Apa itu Kotlin?

Kotlin merupakan Bahasa Pemrograman  modern   yang bersifat   statically-typed   yang dapat di jalankan di atas   platform   Java Virtual Machine (JVM) . Kotlin juga dapat di kompilasi ( compile ) ke dalam bentuk JavaScript. Lalu, siapakah tim di balik pengembangan bahasa tersebut ? ya, tidak lain adalah   JetBrains   yang juga mengembangkan salah satu   tools   pemrograman (IDE) yang saat ini di adopsi oleh   google   untuk di gunakan sebagai   tools pengembangan aplikasi di Android (Android Studio). Lalu, apa saja sih kelebihan dari kotlin tersebut dibandingkan dengan bahasa pemrogaman lainnya (dalam hal ini Java) ? Jika kita lihat dari penjelasan yang tertulis pada  website kotlin , maka dapat di simpulkan ke dalam poin-poin berikut ini; Concise  : Kotlin mampu mengurangi  boilerplate of code  atau tingkat kerumitan dari kode yang biasa kita tulis, ketika menggunakan bahasa Java Safe ...
1 comment
Read more

ALGORITMA PERCABANGAN 1 DAN 2 KONDISI

ALGORITMA PERCABANGAN Sebuah program tidak selamanya akan berjalan dengan mengikuti struktur berurutan, kadang-kadang kita perlu merubah urutan pelaksanaan program dan menghendaki agar pelaksanaan program meloncat ke baris tertentu. Peristiwa ini kadang disebut sebagai percabangan/pemilihan atau keputusan. Algoritma percabangan pada pemrograman umumnya menggunakan kata kunci IF (jika), THEN (maka), dan ELSE (selainnya). Berikut kelompok saya akan mejelaskan tentang algoritma percabangan 1 kondisi dan 2 kondisi beserta contoh kasusnya. ALGORITMA PERCABANGAN 1 KONDISI Algoritma percabangan dengan 1 kondisi memiliki format dasar seperti berikut :             IF <kondisi>             THEN <pernyataan> Pada format diatas , jika <kondisi> bernilai benar maka <pernyataan> dikerjakan, sedangkan jika bernilai salah, maka <pernyataan> tidak...
Post a Comment
Read more

Tugas dan Tanggung Jawab Admin Server dan Ancaman keamanan server

Artikel kali ini akan menguraikan tentang,  Tugas dan Tanggung Jawab Admin Server  yang meliputi: Apa itu admin server Mengidentifikasi Tugas dan tanggung jawab admin server Mengidentifikasi ancaman-ancaman terhadap keamanan server Apa itu Admin Server? Admin server atau server administrator adalah  seseorang yang memegang kendali penuh terhadap segala kegiatan administrasi dari kesuluruhan server komputer, seperti mengatur semua aktifitas server, membangun server, mengelola dan memperbaiki server dan selalu menjaga server tetap berjalan dengan baik. Tugas dan Tanggung Jawab Admin Server Admin server memiliki tanggung jawab melaksanakan dan mengelola beberapa teknologi yang paling penting yang berkaitan dengan jaringan komputer terutama mesin server  yang terdapat di dalam sebuah organisasi , instansi atau perusahaan.  Admin server harus selalu menggunakan pemantauan ekstensif dan alat profiling untuk mengelola sistem jaringan dan tune s...
Post a Comment
Read more

Macam Macam Antena

1. Cari pengertian antena yagi, antena grid, antena   omni dan wajanbolic ? 2. Cari kelebihan dan kekurangan masing - masing antena ? 3. Cari gambar beserta harga terbaru antena - antena tersebut  ? JAWABAN 1.       A. ANTENA YAGI Antena Yagi mempunyai bentuk menyerupai ikan teri. Sama seperti antenna grid, antena ini juga mempunyai cakupan yang searah. Perbedaan utama dari antena Yagi dengan Grid adalah antena ini cukup jarang digunakan dalam jaringan. Biasanya antenna ini akan diarahkan ke pemancar. Antena ini terdiri dari 3 bagian, meliputi driven, reflector, dan director. Driven merupakan titik catu dari kabel antena. Panjang fisik driven biasanya adalah setengah panjang gelombang frekuensi radio yang diterima atau dipancarkan. Reflektor merupakan bagian belakang antena yang digunakan untuk memantulkan sinyal. Panjang fisik reflector biasanya lebih panjang dari driven. Sedangkan director merupakan bagian pengarah antenna. Bagia...
Post a Comment
Read more