Scribd Logo
Unggah

Selamat datang di Scribd!

  • Belajar Table

    Diunggah oleh

    Bang Maman
    1 tayangan6 halaman
    Belajar Table web

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Belajar Table web

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    1 tayangan6 halaman

    Belajar Table

    Diunggah oleh

    Bang Maman
    Belajar Table web

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 6

    Belajar table

    a. Pengenalan table >> index.html


    <html >
    <head>
    <title>Tabel</title>
    </head>

    <body>
    <table>
    <tr>
    <td>.baris 1.</td>
    <td>.baris 2.</td>
    </tr>
    <tr>
    <td>.baris 3.</td>
    <td>.baris 4.</td>
    </tr>
    <tr>
    <td>.baris 5.</td>
    <td>.baris 6.</td>
    </tr>
    </table>
    </body>
    </html>

    Hasil :

    b. Penambahan properties tabel >> index.html


    <html >
    <head>
    <title>Tabel</title>
    </head>

    <body>
    <table border="1px">
    <tr>
    <td>.baris 1.</td>
    <td>.baris 2.</td>
    </tr>
    <tr>
    <td>.baris 3.</td>
    <td>.baris 4.</td>
    </tr>
    <tr>
    <td>.baris 5.</td>
    <td>.baris 6.</td>
    </tr>
    </table>
    </body>
    </html>

    Hasil :

    c. Menentukan lebar dan tinggi table >> index.html


    <html >
    <head>
    <title>Tabel</title>
    </head>

    <body>
    <table border="1px" width="100%" height="100%">
    <tr>
    <!-- Membuat 2 kolom -->
    <td align="center" colspan="2" width="100%" height="10%"> Baris
    Atas</td>
    </tr>
    <tr>
    <!-- Membuat halaman berita -->
    <td valign="top" width="20%">Tempat Menu</td>
    <td valign="top"> Tempat Berita</td>
    </tr>
    <tr>
    <!-- halaman copy right -->
    <td align="center" colspan="2" height="10%">copy Right</td>

    </tr>
    </table>
    </body>
    </html>
    Hasil :

    Keterangan atribut pada kode-kode diatas :


    1. Border : digunakan untuk menentukan ketebalan garis dalam satuan pixel
    2. Width : digunakan untuk menentukan lebar table atau kolom
    3. Hight : digunakan untuk menentukan tinggi table atau kolom
    4. Align : digunakan untuk untuk menentukan posisi kanan, kiri dan tengan dari suatu
    teks
    5. Valign : digunakan untuk menentukan posisi atas, bawah atau tengah fari suatu teks
    6. Colspan : digunakan untuk menggabungkan satu atau lebih kolom.
    <html>
    <table border="1px" width="100%" height="100%">
    <!-- Baris pertama untuk header -->
    <tr>
    <!-- Membuat dua kolom yang digabungkan -->
    <td colspan="2" width="100%" height="10%">
    <img src="maman1.jpg" alt="maman2" width="100%" height="60%"/> </td>
    </tr>

    <!--Baris Kedua untuk meneu -->


    <tr>
    <td valign="top" width="20%">
    <a href="/daftarberita.php"> Daftar Berita </a></br>
    <a href="/cariberita.php"> Daftar Berita </a></br>
    <a href="/editberita.php"> Daftar Berita </a></br>
    </td>

    <td valign="top"><h1>Berita Pertama</h1> <font size="2"


    color="green">Tanggal 24 Oktober 2018 pukul 10.00 wib </font> </br>
    <img src="maman2.jpg" alt="maman3" width="10%" height="green"/> </br>
    </br>
    Kenalan Dulu.....
    Bismillah...

    <p>Akhirnya tayang lagi nih blog setelah data kehapus semua ya gara-gara ane
    salah delete file di hosting jadi nya ane ngposting baru lagi nih... tujuan blog ini adalah untuk
    pembelajar buat ane sendiri maupun yang membacanya</p>

    <p>Kegiatan sehari-hari ane sudah kaya burung beo (hehehe..) ngomong melulu,
    maklumlah sebagai pengajar tugasnya ya ngomong.. mudah-mudahan ilmu yang ane berikan
    kepada siswa maupun mahasiswa dapat bermamfa’at..aamiin… tugas pengajar hampir sama
    kaya tukang parkir (bukan maksud merendahkan pengajar) intinya seorang pengajar
    mengarahkan siswanya untuk maju dan berkembang tetapi pengajar cuma tetap jadi
    pengajar..hampir sama khan..? kata pengajar ayo pada maju trus biar jadi orang sukses, tetapi
    penajar ya tetap aja jadi pengajar</p>

    <p>Memang benar kata pepatah ilmu akan hilang kalo ngga di amalkan, ilmu
    akan bertambah kalo diamalkan / diberikan kepada orang lain…. karna setiap hari ngajar ya
    begitulah ampe hapal ma materi apalagi materi sudah di ajar beberapa kali.. Bisa karena biasa
    dari biasa menjadikan kita orang yang luar biasa… hehehe (pasti kenal kata2 luar biasa..)</p>

    <p>Ngga tau kenapa ane jadi pengajar mungkin udah jalan kehidupan, tapi ini
    jalan hidup yang menurut ane baik, itu bagi ane kok kalo orang lain ya terserah… selain ilmu
    bertambah karna diajarkan dan juga jadi banyak silahturahim… setiap tahun pasti ada siswa
    maupun mahasiswa baru yang ane ajar</p>

    <p>Belajar mangajar dan berdagang ane pengen tekunin, karna kalo ngga salah 9
    dari 10 pintu rezeki adalah berdagang.. tapi bingung mao dagang apa..? mungkin nanti suatu
    saat akan ketemu kalo udah waktunya.. aamiin..</p>

    <p>Sekian kenalan nya… intinya adalah semoga blog ini dapat memberi manfa’at
    buat ane pribadi khususnya dan yang membaca pada umum (kaya khutbah jum’at
    hehehe).</p>

    <p>
    salam
    </p>
    <p>
    Bang Maman
    </p>
    </td>
    </tr>

    <!-- Baris ketiga untuk copy right-->


    <tr>
    <td align="center" colspan="2" height="10%"> Copy Right@2018 </td>
    </tr>
    </table>
    </html>
    Pembuatan Website Dinamis
    A. Persiapan
    Menentukan fitur yang akan kita buat :
    1. Memiliki halam untuk menampilkan berita
    2. Meniliki form pengisian data penulis
    3. Memiliki form pengisian berita
    4. Memiliki form untuk mengdit/menghapus berita
    5. Memiliki form pencarian berita
    6. Memiliki form login penulis

    B. Rancangan Database
    Penulis

    Atribut (Field) Type data


    IdPenulis Varchar(10)
    NmPenulis Varchar (40)
    Alamat Varchar (50)
    TglLahir Date
    TinggiBadan Int(3)
    Password Varchar (20)

    Berita

    Atribut (Field) Type data


    IdBerita Int (10) Autoincrement
    Judul Varchar (40)
    Berita Text
    TglBerita Date
    JamBerita Time
    IdPenulis Varchar(10)

    Anda mungkin juga menyukai