Skip to main content

Tabel LayOut di blog sebagai kerangka II

Materi ini merupakan lanjutan dari materi sebelumnya,yaudahlah.
Check this out :)

Script :

 Layout 7
<html>
<Head>
    <title>INI WEB SAYA</title>
</Head>

<body>
        <table bgcolor="#F0F0F0" border="1" width="720px" height="360px">
            <tr><td bgcolor="#00FF0F" rowspan="3" align="bottom" width="120px">
            <ul type="disc">
            <li>Home<br></li>
            <li>Profil<br></li>
            <li>About us<br></li>
            <li>Blog<br></li>
            <li>Contact us</td></li>
            <td align=center>Electronic Shop</td></tr>
            <tr><td bgcolor="#00F0FF" align=center>ini meruapak bagian dari semua blog salah sehingga tidak menghasilkan Balance sehingga blog ini tidak aktif<p >
                    syaa tidak aakan membuat web jika isi nya seperti ini    </td></tr>
            <tr><td align=center>Irsyaddanan.blogspot.com</td></tr>
        </table>
</body>
</html>

Layout 8

<html>
<head>
    <title>INI WEB SAYA</title>
</head>
<body>
    <table border=1 width=720px height=400px>
    <tr><td bgcolor=#F0F rowspan=2 align=center>Daftar isi</td>
    <td bgcolor=pink align=center><h3>Banner/Judul</h3></td>
    <td bgcolor=#F0F rowspan=2 align=center>Daftar isi</td></tr>
    <tr><td bgcolor=#F0F0F0 align=center>
    <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 bgcolor=pink colspan=3 align=center>Lain-lain</td></tr>
    </table>
</body>
</html>

Layout 9

 <html>
<head>
    <title>INI WEB SAYA</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="cyan" align=center width=250px height=170px>Teks daftar isi</td>
        <td bgcolor="green" align=center width=250px height=170px>Gambar</td></tr>
            <tr><td bgcolor="green" align=center width=250px height=170px>Gambar</td>
        <td bgcolor="cyan" align=center width=250px height=170px>Teks daftar isi</td></tr>
    <tr><td bgcolor="blue" colspan=2 align=center width=170px height=100px>Lain-lain</td></tr>
</table>
</body>
</html>

Layout 10

<html>
<head>
    <title>INI WEB SAYA</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="F0F0F0" colspan=2 align=center width=400px height=50px><h2>INI WEB SEKOLAH KITA</h2></td></tr>
    <tr><td bgcolor="F0FF00" width=170px height=300px>
    <ul type=square>
    <li>Menu<br></li>
    <li>Profil Sekolah<br></li>
    <li>Galeri Foto<br></li>
    <li>Kegiatan<br></li>
    <li>Hubungi kami</li></td></ul>
    <td bgcolor="green" align=center width=330px>ISI DARI HALAMAN WEB</td></tr>
    <tr><td bgcolor="blue" colspan=2 align=center>Comingsoon! Irsyaddanan.web.id</td></tr>
</table>
</body>
</html>

Hasil :

Layout 7

 

Layout 8

  

Layout 9

 

Layout 10

 

 Sekian dan terima kasih :)
nb:Jadilah tukang copas yang kreatif please :p



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

Sejarah Algoritma Asal kata Algoritma berasal dari nama Abu Ja’far Mohammed Ibn Musa al-Khowarizmi, ilmuan Persia yang menulis kitab al jabr w’al-muqabala (rules of restoration and reduction) sekitar tahun 825 M. Beberapa definisi algoritma : Defenisi Algoritma menurut Kamus Besar Bahasa Indonesia terbitan Balai Pustaka 1988 : “ Algoritma adalah urutan logis pengambilan keputusan untuk pemecahan masalah “. Defenisi Algoritma yang paling sesuai dengan Ilmu Komputer : “ ALGORITMA adalah diskripsi langkah-langkah logis pemecahan masalah yang dinyatakan secara sistimatis, rinci dan jelas, sehingga bila dilaksanakan pada kondisi awal tertentu, akan berakhir dalam selang waktu yang terbatas dan menghasilkan keluaran seperti yang diharapkan “. PSEUDOCODE Pengertian Pseudocode Pseudo-code merupakan cara untuk menerangkan suatu algoritma dengan menggunakan tata cara penulisan bahasa pemrograman tertentu. Sebagaimana namanya, pseudo-code tid...
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

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