Cara Mengatur Posisi judul dan Table pada HTML

Kuliah Saya - Pada Postingan Kali ini saya akan berbagi tentang dasar-dasar HTML yaitu cara mengatur posisi judul dan table pada HTML. langsung saja silahkan copy paste script dibawah ini dan coba jalankan scriptnya.

Mengatur Judul dan Table Rata Tengah 

Untuk mengatur posisi judul agar berada diposisi tengah
Pada tambahkan align=center pada tag h3 agar posisi judul menjadi di tengah.
Dan pada tag table juga tambahkan align=center, agar posisi table juga berada ditengah.

Contoh script :

<html>
            <head>
                        <title>Latihan 20</title>
            </head>
            <body>
                        <h3 align=center>Daftar Nama Siswa</h3>
                        <table border=1 cellpadding=3 cellspacing=3
           
align=center>
                        <tr bgcolor=silver>
                            <td align=center>NIM</td>
                            <td align=center>NAMA LENGKAP</td>
                        </tr>
                        <tr>
                             <td>04102001</td>
                             <td>Nur Qomari</td>
                        </tr>
                        </table>
            </body></html>

Maka tampilkan akan menjadi seperti ini



Mengatur Judul dan Table Rata Kanan 
Untuk mengatur posisi judul agar berada diposisi kanan
Pada tambahkan align=right pada tag h3 agar posisi judul menjadi di kanan.
Dan pada tag table juga tambahkan align=right, agar posisi table juga berada di kanan.
Contoh script :

<html>
            <head>
                        <title>Latihan 20</title>
            </head>
            <body>
                        <h3 align=right>Daftar Nama Siswa</h3>
                        <table border=1 cellpadding=3 cellspacing=3
           
align=right>
                        <tr bgcolor=silver>
                            <td align=center>NIM</td>
                            <td align=center>NAMA LENGKAP</td>
                        </tr>
                        <tr>
                             <td>04102001</td>
                             <td>Nur Qomari</td>
                        </tr>
                        </table>
            </body></html>
 Maka tampilkan akan menjadi seperti ini


Mengatur Judul dan Table Rata Kiri
 
Untuk mengatur posisi judul agar berada diposisi kiri
Pada tambahkan align=left pada tag h3 agar posisi judul menjadi di left.
Dan pada tag table juga tambahkan align=left, agar posisi table juga berada di kiri.

Contoh script :

<html>
            <head>
                        <title>Latihan 20</title>
            </head>
            <body>
                        <h3 align=left>Daftar Nama Siswa</h3>
                        <table border=1 cellpadding=3 cellspacing=3
           
align=left>
                        <tr bgcolor=silver>
                            <td align=center>NIM</td>
                            <td align=center>NAMA LENGKAP</td>
                        </tr>
                        <tr>
                             <td>04102001</td>
                             <td>Nur Qomari</td>
                        </tr>
                        </table>
            </body></html>

 Maka tampilkan akan menjadi seperti ini








2 comments

Terimakasih kak. Artikel yang kakak buat sangat bagus. Semangat terus ya kak untuk membuat artikelnya. Contoh yang diberikan dalam artikel ini sangat mudah untk di ikuti Dan artikel ini sangat berguna sebagai acuan atau contoh untuk kami para pembaca.perkenalkan nama saya Sintia dan Nim saya 1922500186, kelompok SI2j, dan link Web kampus saya https://www.atmaluhur.ac.id/

Bet365 Casino NZ - Use code MAXBONUS for $10 free bonus
The welcome bonus 영주 출장샵 is credited to your account at the 정읍 출장마사지 Bet365 Casino 양산 출장샵 mobile site 광주광역 출장안마 and you will receive a $10 free bet in the bonus amount. You  시흥 출장안마 Rating: 4.3 · ‎Review by JT Hub


EmoticonEmoticon