Manipulasi Heading HTML Lewat Perulangan PHP

Update Terakhir pada

webpage tags

Assalamualaikum, Wr. Wb.

Sahabat Webhozz dimanapun berada, langsung aja ya.

Nah, kali ini kita akan belajar perulangan pada PHP.

Sebelumnya pernah kita bahas dasarnya disini (https://www.webhozz.com/blog/perulangan-looping/).

Tapi kali ini kita akan manipulasi dengan teks heading html.

Tentunya man teman udah pada tau kan heading itu apa???

Yang biasa dipake buat judul suatu halaman web.

Yang scriptnya itu dari h1 sampai h6, yang beda cuma ukurannya aja.

Pada HTML, kita pernah belajar dasarnya dengan mengetik semua heading tersebut seperti ini untuk perbandingan ukuran.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Kalo di html biasa kan gitu kodenya.

Tapi kali ini kita akan buat dalam format perulangan php.

Jadi, kita gak perlu menulis kodenya sampai 6 baris seperti di atas.

Jadinya lebih efektif, karena kodenya lebih sedikit.

Sebagai contoh, disini kita menggunakan perulangan for.

<?php 
	for ($i=1; $i<=6; $i++) 
	{ 
		echo "<h$i>Heading $i</h$i>";
	}
?>

Maka seperti inilah hasilnya.

Nah gimana??? Lebih Mudah, kan???

Nah berikut ini adalah penjelasan dari kode tersebut.

$i=1; –> Batas awal, karena teks heading berawal di angka 1.
$i<=6;–> Batas akhir, karena teks heading berakhir di angka 6.
$i++; –> Kondisi perulangan, ++ berarti kondisi perulangan meningkat.

Demikianlah share ilmu kita pada kesempatan kali ini. Semoga bermanfaat ya.

Walaikumsalam Wr. Wb.