Skip to main content

Tabel dalam HTML

Tabel digunakan untuk menyajikan data terstruktur, dan dapat pula digunakan untuk menata tampilan halaman. Tabel dapat disisipkan di manapun pada halaman, bahkan di dalam tabel lainnya. Berikut beberapa elemen yang dibutuhkan dalam tabel beserta contohnya:

Elemen-Elemen Tabel :


 Atribut Tabel tag <TD>

Mengatur Border
Border adalah garis yang mengelilingi sebuah tabel.
Contoh:
<html>
<head><title>Sampul Ilmu</title></head>
<body>
<BODY><CENTER>
<P>Menggunakan tag <b>&lt;
TABLE BORDER="1"&gt;</b><P>
<TABLE BORDER="1">
<TR>
<TD>Baris #1 Kolom #1</TD>
<TD>Baris #1 Kolom #2</TD>
</TR>
<TR>
<TD>Baris #2 Kolom #1</TD>
<TD>Baris #2 Kolom #2</TD>
</TR>
</TABLE></body></html>

 Menggabungkan  Kolom 
Contoh :
<html>
<head><title>Sampul Ilmu</title></head>
<BODY>
<TABLE BORDER="1" CELLPADDING="1" CELLSPACING="1">
<TR>
<TD COLSPAN=2>Kolom A & B</TD>
</TR>
<TR>
<TD>Kolom C</TD>
<TD>Kolom D</TD>
</TR>
</TABLE></BODY>
</html>

 Menggabungkan Baris
Contoh
<html>
<head><title>Sampul Ilmu</title></head>
<BODY>
<TABLE BORDER="1" CELLPADDING="1" CELLSPACING="1">
<TR>
<TD ROWSPAN="2">Kolom A & C</TD>  <!-- Menggabung baris -->
<TD>Kolom B</TD>
</TR>
<TR>
<TD>Kolom D</TD>
</TR>
</TABLE>
</BODY>
</html>

 Perataan Tabel
Posisi tabel dapat diatur pertaannya dengan menyertakan atribut ALIGN pada tag <TABLE>
Contoh:
<html><body>
<TABLE BORDER ALIGN="center">
<TR>
<TH>ALIGN="center"</TH>
<TD>Kolom #A Tengah</TD>
<TD>Kolom #B Tengah</TD>
</TR>
</TABLE><BR>
<TABLE BORDER ALIGN="right">
<TR>
<TH>ALIGN="right"</TH>
<TD>Kolom #A Kanan</TD>
<TD>Kolom #B Kanan</TD>
</TR>
</TABLE><BR>
<TABLE BORDER ALIGN="left">
<TR>
<TH>ALIGN="Left"</TH>
<TD>Kolom #A Kiri</TD>
<TD>Kolom #B Kiri</TD>
</TR>
</TABLE>
</body></html>

 Mengatur Isi Sel
Teks dalam sel dapat diatur (align) dengan: Rata kiri, rata tengah, dan rata kanan 
Atribut yang digunakan adalah :
Align={“left” | “center” | “right”} pada tag <TD>
Atau 
Align={“left” | “center” | “right” | “justify”} pada tag <P> dalam tag <TD> 

Contoh:
<html>
<BODY>
<TABLE BORDER="1" CELLSPACING="1" WIDTH="100%">
<TR bgcolor="silver">
<td>Text Rata Kiri</td>
<td>Text Rata Tengah</td>
<td>Text Rata Kanan</td>
<td>Text Rata Kiri-Kanan</td>
</TR>
</TR>
<TR>
<TD ALIGN="left" bgcolor="yellow">Kata-kata dalam sel ini rata KIRI</TD>
<TD ALIGN="center">Kata-kata dalam sel ini rata TENGAH</TD>
<TD ALIGN="right" bgcolor="green"><font color="yellow">Kata-kata dalam sel ini rata KANAN</TD>
<TD><p Align="Justify">Kata-kata dalam sel ini rata KIRI-KANAN</TD>
</TR>
</TABLE>
</BODY>
</html>


Sekian semoga bermanfaat.

Comments

Post a Comment

Popular posts from this blog

Form dan Element Form dalam HTML berikut contohnya

Pengertian Form Form merupakan salah satu elemen dalam HTML yang digunakan untuk menerima input dari pengunjung. Melalui form pengunjung sebuah halaman web dapat melakukan interaksi dengan web. Pengunjung dapat memasukan data melalui elemen-elemen input seperti textfield, checkbox, radio button, textarea, submit button, dropdown dan lain-lain. Selain itu pengunjung  juga dapat melakukan pemilihan data mengunakan elemen select list atau dengan istilah lain combo box atau drop-down list. Form membuat sebuah halaman web menjadi web interaktif dan dinamis , karena form merupakan satu-satunya sarana bagi pengembang website untuk mendapatkan informasi dari pengguna. Berikut perintah dasar Form : <form> Input elements </form> Ada dua atribut yang digunakan pada elemen form yaitu method dan action. Method yang berfungsi sebagai pengiriman data pada server dengan cara ke tujuan yaitu : - Get: mengirim data pada server dengan cara meletakan data pada bagian a...
4 comments
Read more

HEADER FILE BERIKUT CONTOHNYA

File header adalah sebuah file yang digunakan untuk mendefinisikan beberapa file macro, fungsi, variabel dan konstan. File header nantinya akan mengandung beberapa fungsi atau perintah yang akan digunakan dalam program. File header ini sangat penting, karena beberapa perintah tidak akan dapat dijalankan jika file header yang mendukung perintah tersebut tidak ditulis dalam program. File header ini memiliki ciri bereksistensi “.h” dan diarahkan oleh preprocessor dirrective #include sebagai gambaran kepada kompilator bahwa beberapa fungsi yang terdapat dalam file header tersebut diikutkan dalam pembuatan program. Nama file yang memungkinkan dibangun pada program bahasa c++, yang dicantumkan setelah #include. Berisi antara lain informasi fungsi, konstanta, dan variabel dari pustaka (bagian program yang telah tersedia). Berikut beberapa header file yang sering digunakan dalam bahasa C++ : 1.<Iostream.h> Digunakan untuk menampilkan perintah: a. Cin Dalam C++, perintah cin d...
Post a Comment
Read more

PERAN CBIS dalam dunia BISNIS dan ORGANISASI

Manajemen tidak dapat mengabaikan sistem informasi karena sistem informasi memainkan peran yang kritikal di dalam organisasi. Sistem informasi ini sangat mempengaruhi secara langsung bagaimana manajemen mengambil keputusan, membuat rencana, dan mengelola para pegawainya, serta meningkatkan sasaran kinerja yang hendak dicapai, yaitu bagaimana menetapkan ukuran atau bobot setiap tujuan atau kegiatan, menetapkan standar pelayanan minimum, dan bagaimana menetapkan standar dan prosedur pelayanan baku kepada masyarakat. Persaingan merupakan kunci penentu keberhasilan sebuah organisasi bisnis. Strategi persaingan yang diterapkan oleh bisnis/industri mampu memberikan keunggulan organisasi, dengan memperhatikan faktor biaya, mutu dan kecepatan proses. Keunggulan kompetitif akan membawa organisasi pada kemampuan mengendalikan pasar dan meraih keuntungan usaha Strategi perusahaan berbasis sistem informasi perlu dibuat karena sumber daya yang dimiliki perusahaan sangat terbatas, sehingga h...
Post a Comment
Read more

Sistem Manajemen File (system management file)

Manajemen file adalah metode dan struktur data yang digunakan sistem operasi untuk mengatur dan mengorganisir file pada disk atau partisi. Sistem File juga dapat diartikan sebagai partisi atau disk yang digunakan untuk menyimpan file-file dalam cara tertentu. Cara memberi suatu file system ke dalam disk atau partisi dengan cara melakukan format. Beberapa fungsi yang diharapkan dari pengelolaan file adalah : 1. Penciptaan, modifikasi, dan penghapusan file. 2. Mekanisme pemakaian file secara bersama. 3. Kemampuan backup dan recovery untuk mencegah kehilangan karena kecelakaan atau dari upaya penghancuran informasi. 4. Pemakai dapat mengacu file dengan nama simbolik (Symbolic name) bukan menggunakan penamaan yang mengacu perangkat fisik. 5. Pada lingkungan sensitif dikehendaki informasi tersimpan aman dan rahasia. 6. Sistem file harus menyediakan interface user-friendly. Sasaran Sistem Manajemen File Pengolahan file adalah kumpulan perangkat lunak system yang menye...
Post a Comment
Read more

Aplikasi Informasi Seputaran Pemilu

Menyambut ajang pemilihan umum 9 April 2014, sejumlah pengembang aplikasi lokal menelurkan aplikasi-aplikasi yang bertemakan Pemilu. Alih-alih mengunjungi situs  Komisi Pemilihan Umum  yang tidak mudah digunakan dengan tampilan yang cukup buruk, informasi pemilihan umum akan lebih mudah didapatkan melalui aplikasi  mobile  yang lebih terfokus.Kami mengumpulkan lima aplikasi Android yang dapat Anda unduh untuk mengetahui informasi seputar Pemilu 2014. Game Pemilu 2014  ( GitsMedia ) Mensosialisasikan Pemilu bisa dengan banyak cara, salah satunya yaitu dengan permainan. Dengan harapan menjangkau pemilih muda, pengembang lokal GitsMedia bekerja sama dengan STMIK AMIKOM Yogyakarta merilis Game Pemilu 2014. Tampil dengan animasi warna warni, aplikasi ini menawarkan permainan sederhana serta informasi seluk beluk Pemilu 2014 mulai dari partai peserta hingga calon presiden. Dalam permainan, pengguna bisa memainkan tiga judul yang tersedia di dalamnya seperti “K...
Post a Comment
Read more

Kode Warna dalam Komputer

Selamat malam guys. Nyempetin ngepos sambil desain, bagi-bagi ilmu yang bermanfaat. :D Pada postingan kali ini Saya akan membahas tentang warna. Dalam desain, warna sangat diperlukan. Tau kenapa? *yaps benar, Karena warna memberikan arti, efek, dan memberikan gambar kita tampak nyata.  Dalam desain apapun warna sangat diperlukan, nahh pada postingan kali ini Saya akan membahas tentang HTML Code Color Tool, hampir sebagian besar desainer tidak hafal dengan code color. Nah, langsung saja nih beberapa warna dan code colornya..  Code Color #000000 Black #2C3539 Gunmetal #2B1B17 Midnight #34282C Charcoal #25383C Dark Slate Grey #3B3131 Oil #413839 Black Cat #463E3F Black Eel #4C4646 Black Cow #504A4B Gray Wolf #565051 Vampire Gray #5C5858 Gray Dolphin #625D5D Carbon Gray #666362 Ash Gray #6D6968 Cloudy Gray #726E6D Smokey Gray #736F6E Gray #837E7C Granite #848482 Battleship Gray #B6B6B4 Gray Cloud #D1D0CE Gray Goose #E5E4E2 Platinum #BCC6CC Metall...
Post a Comment
Read more

Mengenal HT ACCESS

Pengertian File   .htaccess   (hypertext akses file) adalah direktori -tingkat file konfigurasi didukung oleh beberapa server web, yang memungkinkan untuk manajemen desentralisasi konfigurasi server web. Mereka ditempatkan di dalam pohon web, dan mampu mengesampingkan subset dari konfigurasi server global untuk direktori yang mereka berada, dan semua sub-direktori. Tujuan dari  .htaccess -nya tercermin dalam nama adalah untuk memungkinkan kontrol akses per-direktori, dengan misalnya yang membutuhkan password untuk mengakses konten. Namun saat ini, file  .htaccess  dapat menimpa banyak pengaturan konfigurasi lainnya termasuk jenis konten dan set karakter , CGI handler, dll. Kita ketahui bahwa sebagian besar  hosting  web di internet menggunakan Apache sebagai servernya sehingga bagi para pengelola web / webmaster sedikit banyak harus belajar tentang   .htaccess  agar kita bisa mengubah setting...
Post a Comment
Read more

Cara Menginstal Master Cam X2

Berikut adalah langkah menginstall master cam X2 : Masukkan flash master Klik 2x pada file mastercam dalam bentuk winrar Klik 2 x pada folder mastercam Klik setup exe Klik install mastercam x2 ATP Klik step 1 (tunggu sampai selesai/ ikuti perintah yang ada) Klik step 2 (tunggu sampai selesai/ ikuti perintah yang ada) Klik return to main menu Klik install mastercam x2 Ikuti langkah / perintah yang ada Bila telah selesai tekan finish Klik return to main menu Tekan exit Buka kembali file pada flash Buka crack Copy masterm . exe Buka star Buka disk c Cari folder mmscx Buka folder Paste (ctrl + V) Close tekan X pada sudut layar by : Rino Kusnanto  (RK)
1 comment
Read more

Mekanisme Kerja CBIS

Computer Based Information System (CBIS) atau Sistem Informasi “berbasis komputer” mengandung arti bahwa komputer memainkan peranan penting dalam sebuah sistem informasi. Secara teori, penerapan sebuah Sistem Informasi memang tidak harus menggunakan komputer dalam kegiatannya. Tetapi pada prakteknya tidak mungkin sistem informasi yang sangat kompleks itu dapat berjalan dengan baik jika tanpa adanya komputer. Sistem Informasi yang akurat dan efektif, dalam kenyataannya selalu berhubungan dengan istilah “computer-based” atau pengolahan informasi yang berbasis pada komputer. Sub Sistem dari Sistem Informasi Berbasis Komputer dibedakan menjadi beberapa tipe, yaitu: a.        Accounting Informatic System (AIS) b.       Transaction Processing Systems (TPS) c.        Management Information Systems (MIS) d.       Decisiion Support Systems (DSS) e.     ...
Post a Comment
Read more