Misalkan kita punya suatu file “udah_malem.html” yang isinya sebagai berikut.

blablablablalalalallililili

blablablablalalalallililili

Kemudian kita punya niat iseng buat nampilin isi dari atribut “src” dan “alt” yang ada di semua tag “img” di file html di atas. Gimana caranya?

Bikin file PHP, misalnya kita kasi nama “tes.php”, isinya :

<?php
$html = file_get_contents("udah_malem.html");
preg_match_all('/]+>/i',$html, $tmp1);
$tmp2 = array();
$idx = 0;
foreach ($tmp1[0] as $val) {
preg_match_all('/(alt|src)="([^"]*)"/i',$val, $tmp2[$idx]);
$idx++;
}
foreach ($tmp2 as $key => $value) {
echo $value[2][0]." | ".$value[2][1]."";
}
?>

Kemudian jalankan file “tes.php”, niscaya output pada browser akan nampak seperti berikut.

oi/ini/gambar.jpg | itu gambar lho
oi/ini/gambar2.jpg | itu gambar2 lho
oi/ini/gambar3.jpg | itu gambar3 lho

Referensi : http://stackoverflow.com/questions/138313/how-to-extract-img-src-title-and-alt-from-html-using-php

Cuma mau sharing. Jadi gini, ada suatu tag html yaitu tag <xmp>. Buat apa sih tag ini? Ya kayak judul tulisan ini, buat nampilin suatu tag/kode html.

Contoh, kita punya kode html

tentunya kode di atas akan di-parsing dan ditampilkan oleh browser sebagai suatu gambar yang diperoleh dari alamat “http://blablabla.com/lalala.jpg”. Nah, gimana kalo kita pengen nampilin kode tadi apa adanya (tanpa di-parsing oleh browser dan ditampilkan sebagai teks)? Gampang aja, ketik aja kodenya kaya gini

&lt;img src=”http://blablabla.com/lalala.jpg” /&gt;

Namun, kalo gak mau capek-capek nulis &lt; dan &gt; pake aja tag <xmp> tadi. Kodenya seperti ini

<img src="http://blablabla.com/lalala.jpg" />

Niscaya output yang dihasilkan berupa teks bukan gambar. Sekedar informasi, tag <xmp> ini saya coba di Firefox 3.5.1.

Kalo ada yang salah tolong dikoreksi yaa. Terima kasih.