A PHP Error was encountered

Severity: 8192

Message: array_key_exists(): Using array_key_exists() on objects is deprecated. Use isset() or property_exists() instead

Filename: helpers/template_helper.php

Line Number: 1042

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 1042
Function: _error_handler

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/header.php
Line: 100
Function: head

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 13
Function: view

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/artikel.php
Line: 1
Function: get_template

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 37
Function: view

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: 8192

Message: array_key_exists(): Using array_key_exists() on objects is deprecated. Use isset() or property_exists() instead

Filename: helpers/template_helper.php

Line Number: 1049

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 1049
Function: _error_handler

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/header.php
Line: 100
Function: head

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 13
Function: view

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/artikel.php
Line: 1
Function: get_template

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 37
Function: view

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

Rabu, 19-Januari-2022

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 282

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: session_set_cookie_params(): Cannot change session cookie parameters when session is active

Filename: Session/Session.php

Line Number: 294

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 304

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 375

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: session_set_save_handler(): Cannot change save handler when session is active

Filename: Session/Session.php

Line Number: 110

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once


Membuat Tabel HTML

0 BYAdmin

Awal mula HTML populer menjadikan web master kala itu betul-betul memanfaatkan sekali table sebagai tulang punggung layout website. Tampilan website dibangun berdasarkan tag ini. Apabila Anda melihat generasi awal tampilan website bisa dikatakan belum menemukan standarisasinya. Karena waktu itu orang masih berdecak kagum terhadap tampilan website ketimbang melihat isinya. Namun kebutuhan informasi yang cepat berpengaruh terhadap perubahan penyajian informasi. Sehingga tampilan website kini seolah-olah beramai-ramai diseragamkan. Meski tampilannya bisa dibilang lebih sederhana, namun jauh lebih interaktif, namun tetap enak dipandang. Dan layout website tidak lagi menjadikan table sebagai tulang punggung layout website. Melainkan memanfaatkan style CSS yang dipadu dengan tag div, maupun elemen semantic yang hadir sejak adanya HTML 5.

Namun bukan berarti tag table sudah tidak diperlukan lagi, malahan tag table sampai saat ini betul-betul bermanfaat sekali dalam penyajian data. Penyajian data seperti apa? Contohnya misalkan ketika akan menampilkan database siswa baru

Biasanya disana terdapat nama, jenis kelamin, tanggal lahir, dan banyak lagi. Nah disinilah table bertugas untuk menampilkannya. Bagaimana teknisnya ?

Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap kolom menunjukan data yang sejenis, dan setiap baris yang terdiri atas kolom-kolom menunjukan kelompok data dalam satu kesatuan. Untuk membuat tabel pada html menggunakan tag <table> dan di akhiri dengan tag </table> lalu di dalam sebuah tag <table> dan tag </table> dimasukan tag <tr> dan </tr> yang bekerja sebagai baris pada tabel lalu di dalam sebuah <tr> dan </tr> terdapat tag <td> dan </td> yang bekerja memberikan sebuah kolom pada tabel. Untuk mengetahui garis tabel tersebut, kita menggunakan atribut 'border' pada tag table.


<html>
	<head>
		<title>web saya</title>
	</head>
	
	<body>
		<h3>Daftar siswa</h3>
		<table border="1">
			<tr>
				<td>No</td>
				<td>Nama</td>
				<td>Jenis kelamin</td>
			</tr>
			<tr>
				<td>1</td>
				<td>Andi</td>
				<td>laki-laki</td>
			</tr>
			<tr>
				<td>2</td>
				<td>Indah</td>
				<td>perempuan</td>
			</tr>
		</table>
	
	</body>
</html>


 

See the Pen Membuat Table HTML by Ilmuwebsite (@ilmuwebsite) on CodePen.

Penjelasan Singkat Mengenai Tag-tag Penyusun Table

<p>Apabila kita perhatikan terdapat tag-tag lain dalam menyusun table, tidak hanya tag table saja. Diantaranya ada <tr> dan <td>. Sebetulnya ada beberapa lagi tag-tag penyusunnya di antaranya adalah <th> <tbody> dan <thead>, namun untuk mempermudah praktek kali ini kita gunakan saja tag-tag yang sudah dijelaskan sebelumnya di atas. </p>

Tag <table>

Tag ini berfungsi sebagai wadah yang menaungi keseluruhan table, memiliki banyak atribut. Yang sebelumnya telah digunakan adalah atribut border. Yang mana apabila kita lihat atribut border menghasilkan outline / garis pembentuk table bernilai ketebalan 1. Apabila di set 0 maka tidak nampak. Dalam membuat table diharuskan adanya tag ini.

Tag <tr>

Dalam kode tertulis ada dua tag tr (pembuka dan penutup). Tag ini berfungsi sebagai baris dalam table. Jika ada dua tag tr, maka sudah tentu akan ada dua baris table. Jika ditambahkan atau dikurang menyesuaikan tentunya. Jika Anda ingin menambahkan barisan pada table secara otomatis harus juga ditambahkan tag ini.

Tag <td>

Tag td berfungsi dengan baik jika di letakkan di dalam tag tr. Yang mana fungsinya adalah sebagai pembentuk kolom-kolom dalam table. Nah kolom-kolom ini biasanya di isi dengan data-data yang diambil dari dalam database yang sebelumnya telah dipersiapkan, kita akan belajar nanti di dalam pemrogaman dinamis PHP dan MYSQL

Menggabungkan Kolom dan Baris Pada Tabel

Untuk menggabungkan kolom dalam halaman html yaitu dengan menggunakan
colspan.


<html>
	<head>
		<title>Belajar Tabel</title>
	</head>
	<body>
		<table border="1">
			<tr>
				<td colspan="2">Colom yang di gabungkan</td>
			</tr>
			<tr>
				<td>Colom 1, Baris 2</td>
				<td>Colom 2, Baris 2</td>
			</tr>
		</table>
	</body>
</html>

 

See the Pen Membuat Tabel HTML - Menggabungkan Kolom by Ilmuwebsite (@ilmuwebsite) on CodePen.

 

Sedangkan untuk menggabungan baris pada html yaitu dengan menggunakan
rowspan. Contoh:


<html>
	<head>
		<title>Belajar Tabel</title>
	</head>
	<body>
		<table border="1">
			<tr>
				<td rowspan="2">Baris yang di gabungkan</td>
				<td>Colom 2 , Baris 1</td>
			</tr>
			<tr>
				<td >Colom 2, Baris 2</td>
			</tr>
		</table>
	</body>
</html>

 

See the Pen Membuat Tabel HTML - Menggabungkan Baris by Ilmuwebsite (@ilmuwebsite) on CodePen.

 

Sebetulnya ada tag-tag lain yang menyusun table, seperti yang telah saya sebutkan sebelumnya, diantaranya adalah <th> <tbody> dan <thead> Anda bisa menelusuri lebih jauh.