Next:

PHP Master – The Basic Part 4

By Adhi P. - Last updated: Thursday, September 5, 2013 - Save & Share - Comments

banner438kursus PHP Master   The Basic Part 4

Sedetik kemudian tampillah sederetan kode panjang yang merupakan kode HTML dari halaman Google tersebut.

 

<html><head><meta http-equiv=”content-type” content=”text/html; charset=UTF-8″><title>Google</title><style><!–

body,td,a,p,.h{font-family:arial,sans-serif}

.h{font-size:20px}

.h{color:#3366cc}

.q{color:#00c}

–></style>

<script>

<!–

function sf(){document.f.q.focus();}

window.clk=function(b,c,d,h,i,j){if(document.images){var a=window.encodeURIComponent?encodeURIComponent:escape,e=””,f=””,g=””;if(b){e=”&url=”+a(b.replace(/#.*/,””)).replace(/\+/g,”%2B”)}if(c){f=”&oi=”+a(c)}if(d){g=”&cad=”+a(d)}(new Image).src=”/url?sa=T”+f+g+”&ct=”+a(h)+”&cd=”+a(i)+e+”&ei=S4FVRsymLo6OsAKO-ZFZ”+j}return true};// –>

</script>

</head><body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 onload=”sf();if(document.images){new Image().src=“/images/nav_logo3.png”}” topmargin=3 marginheight=3><center><br id=lgpd><img alt=”Google” height=110 src=”/intl/id_id/images/logo.gif” width=281><br><br><form action=”/search” name=f><style>#lgpd{display:none}</style><script defer><!–

function qs(el){if(window.RegExp&&window.encodeURIComponent){var ue=el.href,qe=encodeURIComponent(document.f.q.value);if(ue.indexOf(“q=”)!=-1){el.href=ue.replace(new RegExp(“q=[^&$]*”),”q=”+qe);}else{el.href=ue+”&q=”+qe;}}return 1;}

//–>

</script><table border=0 cellspacing=0 cellpadding=4><tr><td nowrap><font size=-1><b>Web</b>&nbsp;&nbsp;&nbsp;&nbsp;<a href=”http://images.google.co.id/imghp?ie=UTF-8&oe=UTF-8&hl=id&tab=wi” onclick=”return qs(this)”>Gambar</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href=”http://groups.google.co.id/grphp?ie=UTF-8&oe=UTF-8&hl=id&tab=wg” onclick=”return qs(this)”>Grup</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href=”/dirhp?ie=UTF-8&oe=UTF-8&hl=id&tab=wd” onclick=”return qs(this)”>Direktori</a>&nbsp;&nbsp;&nbsp;&nbsp;</font></td></tr></table><table cellpadding=0 cellspacing=0><tr valign=top><td width=25%>&nbsp;</td><td align=center nowrap><input name=hl type=hidden value=id><input maxlength=2048 name=q size=55 title=”Telusuri dengan Google” value=””><br><input name=btnG type=submit value=”Telusuri dengan Google”><input name=btnI type=submit value=”Saya Lagi Beruntung”></td><td nowrap width=25%><font size=-2>&nbsp;&nbsp;<a href=/advanced_search?hl=id>Pencarian Khusus</a><br>&nbsp;&nbsp;<a href=/preferences?hl=id>Acuan</a><br>&nbsp;&nbsp;<a href=/language_tools?hl=id>Perangkat Bahasa</a></font></td></tr><tr><td align=center colspan=3><font size=-1>Telusuri: <input id=all type=radio name=meta value=”” checked><label for=all> di web </label><input id=cty type=radio name=meta value=”cr=countryID”><label for=cty> halaman dari Indonesia </label></font></td></tr></table></form><br><font size=-1>Google.co.id tersedia dalam bahasa: <a href=”http://www.google.co.id/en”>English</a> <a href=”http://www.google.co.id/nl”>Nederlands</a> <a href=”http://www.google.co.id/jw”>Boso Jowo</a> </font><br><br><br><font size=-1><a href=”/intl/id/ads/”>Program Periklanan</a> – <a href=”/intl/id/about.html”>Serba-serbi Google</a> – <a href=http://www.google.com/ncr>Google.com in English</a><span id=hp style=”behavior:url(#default#homepage)”></span><script><!–

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

(function() {var a=”http://www.google.co.id/”,b=document.getElementById(“hp”),c=b.isHomePage(a);_rptHp=function(){(new Image).src=”/gen_204?sa=X&ct=mgyhp&cd=”+(b.isHomepage(a)?1:0)};if(!c){document.write(“<p><a href=/mgyhp.html onClick=document.getElementById(“hp”).setHomepage(““+a+””);_rptHp();>Jadikan Google Pangkalan Anda!</a>“)};})();//–>

</script></font><p><font size=-2>&copy;2007 Google</font></p></center></body></html>

 

Sebagaimana orang lain yang baru pertama kali melihat kode HTML, Adel merasa bingung dengan kode-kode yang dia lihat.

“Mudah digunakan apanya, Ayah terlalu melebih-lebihkan” batin Adel.

“Bingung Del?”

“Tenang aja, memang cara menulis kode HTML berbeda dengan pemrograman lain yang sudah pernah kamu pelajari sebelumnya. Kamu tidak usah berusaha memahami kode-kode itu sekarang, nanti Ayah akan berikan contoh yang lebih sederhana. Perlu kamu ingat, bahwa HTML bisa dikatakan hanya merupakan bahasa yang fungsinya hanya buat tampilan aja. Jadi jangan harap akan menemukan percabangan kayak if di sini”.

”Nah, untuk awalnya kamu konsentrasi saja pada tanda < dan >, Del. Itu adalah cara kita untuk mengenali perintah-perintah dalam HTML. Perintah-perintah dalam HTML selalu berada di antara tanda < dan > itu dan mereka lebih dikenal dengan istilah TAG atau HTML TAG. Beberapa contoh TAG yang akan sering kamu jumpai adalah <HTML>, <HEAD>, <TITLE>, <BODY>, <BR>, <FONT> dan <TABLE>”.

Adel kembali memandangi kode-kode HTML Google di depannya, dan mulai mengenali beberapa TAG yang disebutkan Ayahnya di sana.

”Setiap tag pasti akan ditutup dengan tag yang sama dengan tambahan tanda / sebagai tanda bahwa bagian tag itu sudah selesai. Kalau kamu perhatikan lebih teliti, tag <title> memiliki pasangan tag penutup </title> demikian juga dengan tag <html> memiliki pasangan tag </html> pada akhir seluruh kode tersebut.”

Adel menganggukkan kepalanya sementara matanya masih terus menekuni setiap baris di depannya. Berusaha mengikuti apa yang diterangkan oleh Ayahnya.

“Sekarang, Ayah akan menjelaskan lebih detil tentang bagaimana kode HTML bekerja.”

(ikuti terus petualangan Adel di episode selanjutnya … )

Next:
Posted in Tutornovela - PHP Master • Tags: , , Top Of Page