Scribd Logo
Upload

Welcome to Scribd!

  • M Ade Sefrian Alfaizal XTKJ 1 - Modul Latihan 4

    Uploaded by

    Nama Belakang.
    12 views12 pages
    The document describes an HTML table with CSS styling. The table has 5 rows and 4 columns displaying student data including name, student ID number, and major. CSS is used to style elements of the table like setting borders, background colors, text sizes, and alternating row colors.

    Original Description:

    Original Title

    m%20Ade%20sefrian%20alfaizal%20XTKJ%201%20.%20Modul%20latihan%204.docx

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes an HTML table with CSS styling. The table has 5 rows and 4 columns displaying student data including name, student ID number, and major. CSS is used to style elements of the table like setting borders, background colors, text sizes, and alternating row colors.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views12 pages

    M Ade Sefrian Alfaizal XTKJ 1 - Modul Latihan 4

    Uploaded by

    Nama Belakang.
    The document describes an HTML table with CSS styling. The table has 5 rows and 4 columns displaying student data including name, student ID number, and major. CSS is used to style elements of the table like setting borders, background colors, text sizes, and alternating row colors.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 12

    08.

    50

    I
    2 <html>
    3 <head>
    4 <title>Belajar Membuat Tabel HTML</
    title>
    5 </head>
    6 <bodp
    7 <table border="l ">
    8
    9 <th rowspan="2"
    bgcolor="yelloW">Bulan</th>
    10 <th colspan="2"
    bgcolor="#BDB76B">Hasil
    Panen</th>
    11

    12
    13 <th>timun</th>
    14 <th>kubis</th>
    15
    16

    <td bgcolor="pink">juli</td>
    18 <td bgcolor="green">120 Kg</td>
    19 <td bgcolor="green">200Kg</td>
    20
    08.50
    21

    22 <td bgcolor="pink">juli</td>
    23 <td bgcolor="green">400Kg</td>
    24 <td bgcolor="green">500 Kg</td>
    25

    26

    27 <td bgcolor="pink">april</td>
    28 <td KQ</td>
    s '5 8 content://com.android.p
    08.50

    3 <td bgcolor="yellow">Baris 1
    kolom
    1 </td>
    4 <td bgcolor="darksalmon">baris 1
    kolom 2</td>
    5
    6

    7 <td>Baris 2 kolom 1</td>


    8 <td>baris 2 kolom 2</td>
    9

    10 </table>
    08.50

    O content://com.android.p

    Baris 1 kolom 1 baris 1 kolom 2

    Baris 2 kolom 1 baris 2 kolom 2


    00.20 c:

    I
    1 <html>
    2 <head>
    3 <title>Belajar Membuat Tabel HTML</
    title>
    4 </head>
    6 <bodp
    7 <table border="l ">
    8

    9 <th colspan="3" bgcolor="Green">Produk


    Unggulan</th>
    10
    11

    12 <td rowspan="4">
    13 <img src=
    https://images.app.goo.gl/L59VoCp3
    Rxf504L g6 />
    14
    15
    16

    <td>Nama</td>
    18 <td>Benih jagung</td>
    19
    20

    21 <td>Harga</td>
    00.20
    22 23
    24

    25 <td>fitur</td>
    26 27

    f.,

    Û O content://com.android.p

    Harga
    • Dilengkapi Dokumentasi
    fitur • Ukuran: 42MB
    • Masa Tanam: 4 Bulan
    Lisensi: MİT
    00.21 c: •e
    html>

    I
    2 <html>
    3 <head>
    4 <title>Contoh Tabel HTML dengan CSS</
    title>
    5 <link rel="stylesheet" href="style.css" />
    6 </head>

    8 <table border="l " width="50%">


    9 <tr> <th>NO</th><th>NlK</th>
    <th>Nama</th><th>Jurusan</th></tr>
    10 <tr> <td>l </td><td>125456780</td>
    <td>Moh rehan setiawan</td> <td>Teknik
    kendaraan ringgan otomotif</td></tr>
    I l <tr> <td>2</td><td>135410264</td>
    <td>Elly yuardini</td> <td>Desain
    permodelan ilmu banggunan</td></tr>
    12
    <td>Novita sari</td> <td>Bisnis daring
    Pemasaran</td></tr>
    13 <tr>
    <td>4</td><td>125534844</td>
    <td>ahmad yoga prasega</td> <td>Teknik
    00.20
    Komputer jaringan</td></tr>
    14 <tr>
    <td>5</td><td>135497393</td>
    <td>arya pratama</td>
    <td>mekatronika</td></tr>
    15 </table>
    16 </bodp
    17

    18 </html>
    00.21 •e
    b
    O content://com.android.p O
    NO NIK Nama Jurusan
    Moh rehan Teknik kendaraan ringgan
    1 125456780
    setiawan otomotif
    Desain permodelan ilmu
    2 135410264 Elly yuardini
    banggunan
    Bisnis daring Pemasaran
    ahmad yoga
    4 125534844 Teknik Komputer jaringan
    prasega
    /* Pengaturan border-collapse jenis, ukuran
    serta warna huruf secara keseluruhan tabel
    table{
    2 border-collapse:collapse;
    3 font:normal normal 12px Verdana,
    Arial,Sans-Serif;
    4

    5}
    6 /* Mengatur warna Latar, warna teks,
    ukruan font dan jenis bold (tebal) pada
    header tabel table th
    7 background:# OOBFFF;
    8

    9 font-weight:bold; font-
    size: 14px;
    11

    12 */Mengatur border dan jarak/ruang pada


    kolom */
    13 table th,
    14 table td
    15 vertical-align:top;
    16 padding:5px 1 Opx;
    17 border: Ipx solid #696969;
    18 }
    19 /*Mengatur warna baris */
    20 table tr
    21 background: #F5FFFA;
    22
    00.21 c: •e
    23 /* Mengatur warna baris genap (akan
    menghasilkan warna selang seling
    pada baris tabel) */ table tr : nth-
    child(even) {l
    00.22

    O content://com.android.p O

    / * Pengaturan border-collapse jenis,


    ukuran serta warna huruf secara
    keseluruhan tabel * / table{ border-
    collapse : collapse ; font : normal normal
    12px Verdana,
    Aria1,Sans-Serif;
    color
    / * Mengatur warna Latar, warna
    teks, ukruan font dan jenis bold
    (tebal) pada header tabel * / table
    th { background:# OOBFFF; color :
    #DCDCDC ; font-weight : bold ; font-
    size: 14px;
    */Mengatur border dan jarak/ruang pada
    kolom */ table th, table td { vertical -
    align : top ; padding: 5px 10px; border :
    Ipx solid #696969;
    / *Mengatur warna baris
    table tr { background: #F5FFFA;

    / * Mengatur warna baris genap (akan


    menghasilkan warna selang seling pada
    baris tabel) * / table tr nth-child(even)
    background

    You might also like