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

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

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

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

Pengertian Internet!

Research Project Agency Network), di mana mereka mendemonstrasikan bagaimana dengan hardware dan software komputer yang berbasis UNIX, kita bisa melakukan komunikasi dalam jarak yang tidak terhingga melalui saluran telepon. Proyek ARPANET merancang bentuk jaringan, kehandalan, seberapa besar informasi dapat dipindahkan, dan akhirnya semua standar yang mereka tentukan menjadi cikal bakal pembangunan protokol baru yang sekarang dikenal sebagai TCP/IP (Transmission Control Protocol/Internet Protocol). Tujuan awal dibangunnya proyek itu adalah untuk keperluan militer. Pada saat itu Departemen Pertahanan Amerika Serikat (US Department of Defense) membuat sistem jaringan komputer yang tersebar dengan menghubungkan komputer di daerah-daerah vital untuk mengatasi masalah bila terjadi serangan nuklir dan untuk menghindari terjadinya informasi terpusat, yang apabila terjadi perang dapat mudah dihancurkan. Pada mulanya ARPANET hanya menghubungkan 4 situs saja yaitu Stanford Rese...
Post a Comment
Read more

Materi Pemograman WEB

SEJARAH WEB Macam-macam profesi IT 1.Software 2.Hardware 3.System Operation SOFTWARE A.Software:-Menganalisa                    - Mengimplantsi Sistem yang ada B.Hardware:-Mengamplentasi Rancangan                       -Membuat Program C.Web Progamer:-Mengomplantasikan membuat program                              -Membuat Program berbasis web HARDWARE A.Technical Engineer:-Teknisi                                    :Memelihara            ...
Post a Comment
Read more