mengetahui perbeda ukuran judul taks dan Tabel bersambung di HTML

September 21, 2021

mengetahui perbeda ukuran judul taks dan Tabel bersambung di HTML

Halo pembaca :) Salam coding semua , Kali ini saya akan memberi tau kalian semua tentang Pemrograman web dengan HTML.

untuk memulai saya akan memberi tau kalian tentang heading , Suatu isi di halaman web pada umumnya memiliki judul atau bahkan Sub-judul dalam presentasinya. Dengan adanya judul dan Sub-judul ini , isi halaman web dapat ditampilkan menurut klasifikasinya.

Dalam HTML judul dan sub-judul dapat di buat dengan tag <hn> yg berpasangan dengan </hn> dengan level 1 sampai 6 , Level di sini dimaksudkan untuk memnentukan tingkat hirarki dari judul yg akan di buat.

ok teman-teman kita langsung masuk ke kodingan ya...:)

Contoh kodingannya seperti ini :

<html>
    <head>
        <title>Heading</title>
    </head>
<body bgcolor="#00CCFF">
    <h1>Ini Adalah heading 1</h1>
    <h2>Ini Adalah heading 2</h2>
    <h3>Ini Adalah heading 3</h3>
    <h4>Ini Adalah heading 4</h4>
    <h5>Ini Adalah heading 5</h5>
    <h6>Ini Adalah heading 6</h6>
    gunakan tah heading hanya untuk membuat heading saja , jika ingin membuat huruf tebal gunakan tag lain

    <center><h1>Ini Adalah heading 1</h1></center>
    heading di atas telah di posisikan berada di tengah
</body>
</html>

maka saat di run akan menjadi seperti ini :

ok kita lanjut ke pembahasan ke dua tentang tabel bersambung

untuk membuat tabel bersambung di HTML kita memerlukan atribut yg disebut ROWSPAN dan COLSPAN. yg di lambangkan dengan tag <td> untuk Rowspan dan <th> untuk Colspan

perhatikan kodingan berikut :

<html>
    <head>
        <title>tugas 03</title>
    </head>
<body>
    <h2>Tugas 03</h2>
    
    <table border="1">
        <tr bgColor="#00CCFF">
            <th colspan="3">DAFTAR PRODUK</th>
        </tr>
        <tr>
            <td rowspan="3"><img src="gambar1.jpg"></td>
            <td>Nama Produk</td>
            <td width="250">Canon G9x Kit EF-M 15-45mm</td>
        </tr>
        <tr>
            <td>Harga</td>
            <td>Rp 5.999.999</td>
        </tr>
        <tr>
            <td>Fitur Produk</td>
            <td>- Kamera mirorless<br>
                - Efektifitas Pixel : 32 MP<br>
                - Tipe Sensor : CMOS DIGIC 6<br>
                - Layar : 3.0 Inch<br>
                - Memiliki lampu flash dengan jarak jangkauan hingga 5 meter 
            </td>
        </tr>
</body>
</html>