<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Bodhon: Sampai Saya Yang Terbodoh itu Tahu.. Silakan Copy Paste (by bimosaurus) &#187; HTML Tutorial for Kaskus</title>
	<atom:link href="http://bodhon.wordpress.com/category/html-tutorial-for-kaskus/feed/" rel="self" type="application/rss+xml" />
	<link>http://bodhon.wordpress.com</link>
	<description>Bodhon dari kata BODHOH + an, adalah sebuah Filosofi Jawa, artinya, penjelasan yang orang bodohpun bisa mengerti dengan sistem sharing bebas tanpa berkesan menggurui, Sugeng Sharing.. Wilujeng Sharing</description>
	<lastBuildDate>Mon, 15 Dec 2008 10:34:42 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>id</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='bodhon.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/0b8df590e281ce7d4840770835e739ec?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Bodhon: Sampai Saya Yang Terbodoh itu Tahu.. Silakan Copy Paste (by bimosaurus) &#187; HTML Tutorial for Kaskus</title>
		<link>http://bodhon.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://bodhon.wordpress.com/osd.xml" title="Bodhon: Sampai Saya Yang Terbodoh itu Tahu.. Silakan Copy Paste (by bimosaurus)" />
		<item>
		<title>16</title>
		<link>http://bodhon.wordpress.com/2006/09/07/16/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/16/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:36:09 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/16/</guid>
		<description><![CDATA[TAG UNTUK FORMAT HURUP
FOrmat hurup dalam dokumen html bisa di atur sedemikian hingga hurup tersebut dapat lebih nyaman untuk dipandang, dan dibaca. Format hurup dapat berupa:

ketebalan hurup
jenis font
besar kecil hurup
warna hurup
susunan hurup dalam paragraph
animasi lain

Lebih lengkapnya:

Untuk ketebalan hurup kita dapat menggunakan  tag &#60;b&#62;hurup_yang_ditebali&#60;/b&#62;
contoh
&#160;
HTML Code:

saya mau cetak &#60;b&#62;tebal&#60;/b&#62; untuk html milik saya


Menentukan Besar kecil hurup dan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=21&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><b><font size="+2">TAG UNTUK FORMAT HURUP</font></b></p>
<p>FOrmat hurup dalam dokumen html bisa di atur sedemikian hingga hurup tersebut dapat lebih nyaman untuk dipandang, dan dibaca. Format hurup dapat berupa:</p>
<ul>
<li>ketebalan hurup</li>
<li>jenis font</li>
<li>besar kecil hurup</li>
<li>warna hurup</li>
<li>susunan hurup dalam paragraph</li>
<li>animasi lain</li>
</ul>
<p>Lebih lengkapnya:</p>
<ul>
<li>Untuk ketebalan hurup kita dapat menggunakan  <b>tag</b><b> &lt;b&gt;hurup_yang_ditebali&lt;/b&gt;</b><br />
contoh</p>
<p style="margin:5px 20px 20px;">&nbsp;</p>
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">saya mau cetak <font color="#000080">&lt;b&gt;</font>tebal<font color="#000080">&lt;/b&gt;</font> untuk html milik saya
</pre>
</li>
<li>Menentukan Besar kecil hurup dan jenis font kita dapat menggunakan <b>tag &lt;font=</b>parameter<b>&gt;&lt;/font&gt;</b><br />
Paramaternya apa saja sih?</p>
<ul>
<li><b>size=&#8221;nomer_ukuran&#8221;<br />
Untuk menentukan besarnya font<br />
</b> conto:</p>
<p style="margin:5px 20px 20px;">&nbsp;</p>
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">.
.
.
<font color="#000080">&lt;font size=2&gt;</font> halo <font color="#000080">&lt;/size&gt;</font>
.
.
.</pre>
</li>
<li><b>size=+&#8221;nomer_ukuran&#8221;</b>  Untuk menambah besar Font dan<br />
<b>size=-&#8221;nomer_ukuran&#8221;</b> Untuk memperkecil fontconto:</p>
<p style="margin:5px 20px 20px;">&nbsp;</p>
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">.
.
<font color="#000080">&lt;font size=+2&gt;</font> halo <font color="#000080">&lt;/size&gt;</font>
.
.
<font color="#000080">&lt;font size=-2&gt;</font>Hola<font color="#000080">&lt;/size&gt;</font>
.
.</pre>
</li>
<li><b>color=&#8221;jeniswarna&#8221;</b> Yang ini ada di depan khan <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" /></li>
<li><b>face=&#8221;jenis_font&#8221;</b><br />
Yang ini untuk menentukan jenis font nya<br />
conto:</p>
<p style="margin:5px 20px 20px;">&nbsp;</p>
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">.
.
.
<font color="#000080">&lt;font face=<font color="#0000ff">"Times"</font> size=+"2" color=<font color="#0000ff">"red"</font>&gt;</font><font color="#000080">&lt;/font&gt;</font>
.
.</pre>
</li>
</ul>
</li>
</ul>
<p>posting ke <font size="+4">SERIBU SAYA</font></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/21/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/21/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/21/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/21/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/21/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=21&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/16/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />
	</item>
		<item>
		<title>15</title>
		<link>http://bodhon.wordpress.com/2006/09/07/15/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/15/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:35:39 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/15/</guid>
		<description><![CDATA[Oke makasih ryrie diingatkan&#8230; mysqlnya nanti aja deh&#8230; ini posting saya ke 999 nah.. spesial untuk ente&#8230; tentang tag a
TAG HTML
Pada pengerjaan html, kita akan banyak menggunakan TAG. TAG adalah suatu kode yang akan dipakai oleh dokumen html untuk menjadikan tampilan menjadi standar WEB. Tag ini akhirnya dinamakan dengan markup tags, karena bersifat mengubah kondisi [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=20&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Oke makasih <b>ryrie</b> diingatkan&#8230; mysqlnya nanti aja deh&#8230; ini posting saya ke 999 nah.. spesial untuk ente&#8230; tentang <b>tag a</b></p>
<p><font size="+2">TAG HTML</font></p>
<p>Pada pengerjaan html, kita akan banyak menggunakan TAG. TAG adalah suatu <b>kode</b> yang akan dipakai oleh dokumen html untuk menjadikan tampilan menjadi standar WEB. Tag ini akhirnya dinamakan dengan <b>markup tags</b>, karena bersifat mengubah kondisi karakter menjadi lebih sesuai pada dukomen html.</p>
<p>Tag HTML ini biasanya di beri dengan tanda <b>&lt;namatag&gt;</b> dan ditutup dengan tanda <b>&lt;/namatag&gt;</b>. Tapi ada beberapa jenis tag yang tidak menguikuti aturan tersebut.</p>
<p>TAG Daftar TAG HTML yang sering digunakan dan penggunaannya&#8230;</p>
<ul>
<li><b>a href</b><br />
Fungsi dari TAG <b>a href</b> ini adalah membuat hiperlink / Link yang menghubungkan ke tempat lain</p>
<p><b>Fungsi Tag <i>A href</i></b></p>
<ul>
<li>Membuat hiperlink dari lokasi lain</li>
<li>Membuat hiperlink dari dokumen lain</li>
</ul>
<p>Standard penggunaan <b>a href</b> adalah sebagai berikut:</p>
<p><b></p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">&lt;a href="alamat yang dituju"&gt;Kata_yang_dikasih_link&lt;/a&gt;
</pre>
<p></b></p>
<p><b></p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">protocol://&lt;host:port/&gt;&lt;patch&gt;/anchor?parameter
</pre>
<p>default port adalah 80 untuk http/web</b></p>
<p>Nah biasanya sih kita sering pake yang ginian:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">http://www.google.com/support
</pre>
<p>kalo yang begini, berarti kita <b>manggil google.com</b> dengan</p>
<p>Selain protokol http, kita juga bisa memanggil protokol lain dengan tag a ini. Contohnya adalah:</p>
<ul>
<li>ftp://<br />
contoh:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">ftp://microsoft.com
conto
&lt;a href="ftp://microsoft.com&gt;ftp ke microsit&lt;/a&gt;</pre>
</li>
<li>telnet://<br />
contoh:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">telnet://kjps.net
conto
&lt;a href="telnet://kjps.net"&gt;Telnet Ke situs jelek&lt;/a&gt;</pre>
</li>
<li>mailto:<br />
contoh:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">mailto:support@kaskus.kus
conto
&lt;a href="mailto:support@kaskus.kus"&gt;Kaskus support&lt;/a&gt;</pre>
</li>
</ul>
</li>
</ul>
<p>to be continued in next post</p>
<p><!-- / message --> 	 		 		 		 		 		 		<!-- edit note --></p>
<p class="smallfont">
<hr size="1" /> 				<em> 				Last edited by embah_maridjan : Today at <span class="time">07:09 PM</span>. 				 				</em></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/20/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/20/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/20/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=20&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/15/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>
	</item>
		<item>
		<title>14</title>
		<link>http://bodhon.wordpress.com/2006/09/07/14/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/14/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:35:10 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/14/</guid>
		<description><![CDATA[MYSQL newbie
MySQL merupakan sebuah software database.. banyak software database lain seperti Access, Oracle, Postgre, SQL Server..
Nah mengapa saya memilih Mysql?
alasannya adalah, paling murah, tutorialnya banyak, dll seperti alasan penggunaan sistem opensource yang lain..
Berikut point-point singkat tentang MySQL

SQL adalah singkatan dari Structured Query Language

Definisi paling gampang dari database adalah: Sekumpulan tabel. Dimana tabel teabel tersebut menyimpan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=19&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><font size="+2">MYSQL newbie</font></p>
<p>MySQL merupakan sebuah software database.. banyak software database lain seperti Access, Oracle, Postgre, SQL Server..<br />
Nah mengapa saya memilih Mysql?<br />
alasannya adalah, paling murah, tutorialnya banyak, dll seperti alasan penggunaan sistem opensource yang lain..</p>
<p>Berikut point-point singkat tentang MySQL</p>
<ul>
<li>SQL adalah singkatan dari <b>Structured Query Language<br />
</b></li>
<li><b>Definisi paling gampang</b> dari database adalah: <b>Sekumpulan tabel</b>. Dimana tabel teabel tersebut menyimpan INFORMASI.</li>
<li>Tujuan database itu antara lain <b>menyimpan informasi/data dalam struktur yang teratur</b>, dan dapat <b>diolah</b>, serta <b>dapat memberikan respond</b> terhadap permintaan informasi (<b>query</b>)</li>
</ul>
<p>Para pengguna windows dapat menggunakan MYSQL dengan cara melakukan installasi terlebih dahulu. Pada <b>software phptriad</b> sudah terdapat MYSQL, PHP dan juga Apache sebagai web server, dan itu semua disediakan dengan gratis..</p>
<p>Nah bagi para linuxer, biasanya mysql sudah include dalam satu instalasi linux. Kalau belum, instal dulu aja.. cari di situs mysql, bisa memilih yang <b>tar.gz</b> atau dalam bentuk <b>rpm</b>.</p>
<p>Setelah di lakukan installasi, coba masuk ke command line, untuk pengguna windows dapat pake MSDOS PROMPT (<b>Start&gt;Run&gt;cmd</b> atau <b>Start&gt;Run&gt;command</b>). Untuk Linuxer pake Konsole..<br />
Langsung aja ketik <b>mysql</b> di konsole / prompt</p>
<p>jadinnya gini</p>
<p>Dos/win</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">C:\mysql\mysql
mysql&gt;</pre>
<p>Linux</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">shell#mysql
mysql&gt;</pre>
<p>Nah, di setelah sampe <b>mysql&gt;</b> disitulah kita meletakkan perintah dan nati di akhiri dengan tanda <b>;</b></p>
<p>nah untuk keluar dari mysql, pake perintah <b>Quit</b></p>
<p>Sampai sini, ada pertanyaan? <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" /> lebih lengkap, posting berikut jam 4 sore nanti hehehe</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/19/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/19/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/19/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/19/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/19/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/19/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/19/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=19&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/14/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />
	</item>
		<item>
		<title>13</title>
		<link>http://bodhon.wordpress.com/2006/09/07/13/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/13/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:27:59 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/13/</guid>
		<description><![CDATA[Setting httpd.conf
Apache / httpd bekerja dengan konfigurasi sesuai dengan yang ada di file httpd.conf. Konfigurasi HTTPD ini menyangkut banyak hal, contohnya adalah:

Control Operasi http server.
Setting virtual host
menentukan document root
limit user
Penentuan modul-modul
Masih banyak 

Nah dalam kita berlatih php sebagai server side programming language kita perlu melakukan konfigurasi dalam point-point dibawah ini:

Penentuan document root
Carilah lebih dulu file [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=18&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><font size="+2"><b>Setting httpd.conf</b></font></p>
<p>Apache / httpd bekerja dengan konfigurasi sesuai dengan yang ada di file <b>httpd.conf</b>. Konfigurasi HTTPD ini menyangkut banyak hal, contohnya adalah:</p>
<ul>
<li>Control Operasi http server.</li>
<li>Setting virtual host</li>
<li>menentukan document root</li>
<li>limit user</li>
<li>Penentuan modul-modul</li>
<li>Masih banyak <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" /></li>
</ul>
<p>Nah dalam kita berlatih <b>php</b> sebagai <i>server side programming language</i> kita perlu melakukan konfigurasi dalam point-point dibawah ini:</p>
<ul>
<li>Penentuan <b><i>document root</i></b><br />
Carilah lebih dulu file <b>httpd.conf</b> yang ada di direktori apache atau httpd. Kemudian bukalah file tersebut dengan <b>editor teks</b>. Ya kalo di windows adalah dengan notepad. Bukalah notepad kosong, kemudian file <b>httpd.conf</b> itu di seret/drag saja ke halaman notepad. pasti terbuka,&#8230;. belum tahu ya <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" /><br />
Bagian yang menentukan lokasi document root adalah bagian ini</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">.
.
.
DocumentRoot "/var/www/htdocs"
.
.</pre>
<p>Ingat.. kalo di depan ada tanda <b>#</b>, berarti yang dibelakang tanda tersebut []btidak akan diproses[/b], karena hanya berupa komentar. Biasanya document root ini akan terletak sesuai dengan proses installasinya.<br />
Misal kalo di linux ya di :<b>/var/www/htdocs</b><br />
Kalo di Windows biasanya : <b>C:/Apache/www</b>, atau <b>C:/httpd/www</b> dll.</p>
<p>Dokumen html yang ditempatkan disini, nantinya dapat langsung di akses dengan browser dengan alamat <b><a href="http://namakomputer_atau_alamat_komputer/" target="_blank">http://namakomputer_atau_alamat_komputer</a></b><br />
Nama komputer nanti bisa di setting dalam bagian dalam httpd yang bertuliskan:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><b>ServerName </b>
</pre>
<p>Documents juga bisa ditempatkan di tempat lain. Lokasinya biasanya di <b>document root untuk direktori user</b> masing masing. Biasanya kalo di linux menggunakan nama <b>public_html</b>. Ada juga kalau di WIndows, ditempatkan di <b>C:/Apache/user</b>, <b>C:/httpd/user</b>. Nah menentukannya adalah di bagian</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">.
.
&lt;IfModule mod_userdir.c&gt;
    UserDir "C:/Apache/User"
&lt;/IfModule&gt;
.
.</pre>
<p>Kalo di Linux ya biasanya di</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">.
.
.
&lt;IfModule mod_userdir.c&gt;
    UserDir public_html
&lt;/IfModule&gt;
.
.</pre>
</li>
<li>Penentuan file-file yang di allowed<br />
Ini menjadi bagian yang penting.. karena kalo ini tidak di isi, ya nanti file-file yang kita perlukan untuk diproses apache, jadi gak terproses..Masukkan yang php juga ya..</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">.
.
.
&lt;IfModule mod_dir.c&gt;
    DirectoryIndex index.html index.htm index.php
&lt;/IfModule&gt;
.
.</pre>
</li>
<li>Pastikan file <b>php.ini</b> juga ada yach <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" /></li>
</ul>
<p>Nah ini dulu.. setting yang paling penting&#8230; Tetap saya tunggu koreksi dari rekan2</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/18/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/18/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/18/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=18&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/13/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />
	</item>
		<item>
		<title>12</title>
		<link>http://bodhon.wordpress.com/2006/09/07/12/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/12/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:27:18 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/12/</guid>
		<description><![CDATA[
Quote:


From InNuyasHa!!
mau nanya..
masih newbie ni tentang ginian..
btw, kalo buat make html gitu, kayanya kok biasa aja yah?
trus cara buat biar hasilnya maksimal bisa ditambahin apa aja yaH?


Sabar ajah dulu kang inuyasha&#8230;  yang jelas namanya main html atau web adalah kombinasi dengan seni. Kalo yang biasa di lakukan orang-orang adalah, memperbanyak load image, dan diatur [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=17&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Quote:</p>
<table border="0" cellpadding="6" cellspacing="0" width="100%">
<tr>
<td class="alt2" style="border:1px inset;"><b>From InNuyasHa!!</b><br />
<i>mau nanya..<br />
masih newbie ni tentang ginian..<br />
btw, kalo buat make html gitu, kayanya kok biasa aja yah?<br />
trus cara buat biar hasilnya maksimal bisa ditambahin apa aja yaH?</i></td>
</tr>
</table>
<p>Sabar ajah dulu kang inuyasha&#8230; <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" /> yang jelas namanya main html atau web adalah kombinasi dengan seni. Kalo yang biasa di lakukan orang-orang adalah, memperbanyak load image, dan diatur sedemikian rupa sehingga jadilah halaman web yang luar biasa itu <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" />.. Ntar kita juga sampe. Paling mudah membuat halaman web yang grafisnya bagus adalah dengan membuat lebih dulu gambar dengan menggunakan Adobe Potoshop atau Macromedia Fireworks, dan melakukan <b>slicing</b>. Dipecah pecah menjadi beberapa gambar kecil2 yang sudah teratur dalam tabel sendiri.. Ntar kita juga sampe..</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Quote:</p>
<table border="0" cellpadding="6" cellspacing="0" width="100%">
<tr>
<td class="alt2" style="border:1px inset;"><b>From : doubleUdee</b><br />
<i>mbah melenceng dikit sorrys <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" /> mbah paketan bwt developnya pake apa? gw nemu VertigoServ (<a href="http://vertrigo.sourceforge.net/%29" target="_blank">http://vertrigo.sourceforge.net/)</a>, walopun selama ini pake PhpTriad (<a href="http://sourceforge.net/projects/phptriad/%29" target="_blank">http://sourceforge.net/projects/phptriad/)</a>, ada gk mbah yg lebih kumplit lg? btw <a href="http://www.awardspace.com/" target="_blank">http://www.awardspace.com/</a> jg manteb mbah bwt hosting</i></td>
</tr>
</table>
<p>Yup, phptriad hanya salah satunya.. dan saya malah belum pernah pake yang vertrigo.. Terimakasih ya doubleudee&#8230;</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Quote:</p>
<table border="0" cellpadding="6" cellspacing="0" width="100%">
<tr>
<td class="alt2" style="border:1px inset;"><b>From :ryrie<br />
</b><i>mantap mbah tunggu dulu tapi pelan pelan malah jadi<br />
mantap lah pokoknya cendolnya nyampe deh buat mbah<br />
</i></td>
</tr>
</table>
<p>Yup makasih ryrie&#8230; html jalan terus.. cendolnya ntar juga balik berlipat <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" /></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/17/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/17/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/17/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=17&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/12/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />
	</item>
		<item>
		<title>11</title>
		<link>http://bodhon.wordpress.com/2006/09/07/11-2/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/11-2/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:23:11 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/11-2/</guid>
		<description><![CDATA[Bagaimana Program Web Server Berjalan?
[quote]Software Web Server bertugas menyediakan dan memproses materi-materi web yang nantinya akan di akses oleh klient. Proses itu bisa sangat sederhana, sampai tingkat lanjut seperti database[quote]
Client akan mengakses dengan menggunakan software yang bernama browser. Contoh broser banyak banget: dari Internet Explorer, Mozilla, Opera..
[quote]Tugas browser adalah:
Memproses data kiriman dari server, yang masih [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=16&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><font size="+2">Bagaimana Program Web Server Berjalan?</font></p>
<p>[quote]Software Web Server bertugas menyediakan dan memproses materi-materi web yang nantinya akan di akses oleh klient. Proses itu bisa sangat sederhana, sampai tingkat lanjut seperti database[quote]</p>
<p>Client akan mengakses dengan menggunakan software yang bernama <b>browser</b>. Contoh broser banyak banget: dari Internet Explorer, Mozilla, Opera..</p>
<p>[quote]<b>Tugas browser adalah:</b><br />
Memproses data kiriman dari server, yang masih berupa perintah2 <b>code html</b>, di<b>decode</b>kan menjadi tampilan web yang indah..</p>
<p>Software web server yang paling terkenal adalah APACHE.. ini dipandang sangat klop dengan php, dan MySQL. Dalam sebuah sistem operasi linux, web server apache, bahasa php dan mysql malah sudah include didalamnya. Dan untuk sementara ini memang saya lebih rekomend ke apache.. karena hanya itu yang saya tahu <img src="http://kaskus.us/images/smilies/sumbangan/14.gif" class="inlineimg" border="0" /></p>
<p>Bagi para <b>windows</b>er, jangan khawatir.. Pro opensource tetep memberikan kemudahan. Banyak software APACHE FOR WINDOWS dll..<br />
tapi ingin lebih instant? Carilah di <b>google</b> atau di <b>sourceforge.net</b> software bagus bernama <b>phptriad</b> kurang lebih 20 an megabyte. Ketika kita melakukan installasi phptriad ini, maka akan segera terinstal <b>apache</b>, dan <b>mysql</b>. Tentu saja phpnya sudah include, lha namanya saja phptriad.</p>
<p>Nanti setelah phptriad terinstal, jalankanlah APACHE CONSOLE..<br />
<b>Start, Program, Apache, Apache start&#8230;</b><br />
biarkanlah msdos-prompt yang menjalankan apache running itu minimize, jangan di close..</p>
<p>Bagi para linuxer, proses apache, berjalan dengan kita menjalankan <b>httpd</b>, http daemon. Caranya adalah jalankan file:</p>
<p><b>/usr/sbin/httpd</b></p>
<p>Kita juga bisa menjalankan melalui</p>
<p><b>/etc/rc.d/rc.httpd</b></p>
<p>Nah nanti buat para linuxer dapat melihat proses httpd nya telah berjalan belum dengan cara begini:</p>
<p><b>ps -ax |grep httpd</b><br />
Nanti akan muncul proses yang memuat <b>httpd</b></p>
<p>Nah, pada Apache sebagai web server itu, ada yang dikenal sebagai <b>document root</b>, atau tempat meletakkan materi document kita.</p>
<p>Untuk Linux <b>documents root utama</b>biasanya terletak di<br />
<b>/var/www/htdocs/</b><br />
(tergantung dari kita meletakkan juga)</p>
<p>Untuk Windows biasanya terletak di<br />
<b>C:\Apache\www\htdocs</b><br />
tergantung dari meletakkan juga</p>
<p>Nah.. file yang ada di folder itu akan di proses sebagai halaman<br />
<b>web dari web server</b></p>
<p>php yang ada di situ ya bakal dikerjakan, asal phpnya di aktifkan</p>
<p>tapi kalo di luar <b>document root</b> tidak akan di proses oleh web server..</p>
<p>Tapi sebenarnya kita meletakkan halaman web kita di luar itu dengan cara membuat <b>document root sekunder</b>, dengan cara melakukan setting di <b>httpd.conf</b>&#8230;</p>
<p><b>httpd.conf</b> adalah file yang terletak di dalam direktori <b>Apache</b>. Fungsinya adalah, sebagai setting/configurasi bagi proses berjalannya web server.<br />
Dari httpd.conf ini lah kita melakukan sebagian besar setting untuk web server..</p>
<p>MEngenai setting httpd.conf&#8230; tunggu dulu saya mau ke belakang</p>
<p>To all friends, koreksi ya kalo ada salah</p>
<p><!-- / message --> 	 		 		 		 		 		 		<!-- edit note --></p>
<p class="smallfont">
<hr size="1" /> 				<em> 				Last edited by embah_maridjan : 01-09-2006 at <span class="time">11:26 PM</span>. 				 				</em></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/16/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/16/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/16/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=16&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/11-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/smilies/sumbangan/14.gif" medium="image" />
	</item>
		<item>
		<title>sedoso</title>
		<link>http://bodhon.wordpress.com/2006/09/07/sedoso/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/sedoso/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:22:13 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/sedoso/</guid>
		<description><![CDATA[PHP Hello World
OKE DEH&#8230; Jalan terus&#8230; 
Kali ini saya nyoba nyicil PHP dikit.. Mungkin sistemnya terkenal melompat-lompat, tapi memang begitu kurikulum dari den bagus ketrik di puncak merapi sono wehehehe..
sedikit-sedikit dipahami dan akhirnya tidak menimbulkan salah pengertian&#8230; kita usahakan jelaskan sejelas-jelasnya..
Bahasa Pemrograman server
Seperti dalam penjelasan sebelumnya, dijelaskan bahwa bahasa pemrograman server memiliki fungsi sebagai berikut:

Quote:


&#8230;.Berjalan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=15&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><font size="+1">PHP Hello World</font></p>
<p>OKE DEH&#8230; Jalan terus&#8230; <img src="http://kaskus.us/images/smilies/sumbangan/15.gif" class="inlineimg" border="0" /></p>
<p>Kali ini saya nyoba nyicil PHP dikit.. Mungkin sistemnya terkenal melompat-lompat, tapi memang begitu kurikulum dari <b>den bagus ketrik</b> di puncak merapi sono wehehehe..<br />
sedikit-sedikit dipahami dan akhirnya tidak menimbulkan salah pengertian&#8230; kita usahakan jelaskan sejelas-jelasnya..</p>
<p><b><font size="+1">Bahasa Pemrograman server</font></b></p>
<p>Seperti dalam penjelasan sebelumnya, dijelaskan bahwa bahasa pemrograman server memiliki fungsi sebagai berikut:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Quote:</p>
<table border="0" cellpadding="6" cellspacing="0" width="100%">
<tr>
<td class="alt2" style="border:1px inset;">&#8230;.Berjalan di server dengan fungsinya adalah mengolah materi yang harus dijalankan pada sisi server, sekaligus meng-generate bahasa html, dan pemrograman client, yang lantas ditempelkan pada halaman html untuk client</td>
</tr>
</table>
<p>Berarti di dalam bahasa pemrograman server itu juga harus di tuliskan juga coding html ataupun pemrograman yang berjalan di client.. Ya karena memang salah satu fungsinya memang demikian..</p>
<p><b>Mengapa PHP?</b><br />
Sebenarnya kita bebas dengan bahasa pemrograman apapun, namun mengapa kita menggunakan PHP? PHP dipilih karena, merupakan bahasa pemrograman paling FAMILIAR, paling didukung oleh para pecinta OPEN SOURCE, dan paling banyak digunakan dalam menggunakan dynamic template, dan disamping itu juga paling mudah. Nah saya juga akhirnya memilih PHP.. Pernah saya belajar <b>perl</b> ternyata bahasanya sangat kriting.. mending PHP.. wehehehe</p>
<p><b>Struktur PHP dalam WEB</b><br />
PHP berjalan di server.. Harusnya dia <b>hanya bisa dipanggil</b> tapi tidak bisa dibaca dari luar. Nah ketika bahasa php itu <b>diakses</b> maka file php akan ter-eksekusi.. menjalankan routin routin pemrograman termasuk database, dan memberikan halaman balik untuk user dalam bentuk html yang tergenerate.</p>
<p>Struktur hubungan standard sederhana bahasa PHP dalam HTML dpat dilihat dalam kode ini:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;?php
//komentar
/*komentar....puanjang
.
.
.*/
//proses &lt;=disini php melakukan proses awal
.
.
.
.
echo "code html atau script client untuk proses input ke server";
//proses pengolahan input &lt;= disini diproses hasil input dari client
.
.
.
//proses pengeluaran output &lt;= disini hasil proses webserver jadi
.
.
.
echo "code html hasil keluaran dari proses di server";
?&gt;</font></pre>
<p>Nah dengan struktur blok diagram diatas tersebut kita dapat memahami demikian: KEtika sebuah file php dipanggil, maka proses segera berjalan.. Dan setelah proses awal di php, akan muncul halaman input untuk html.. KIta akan melihatnya sebagai halaman web, misalnya, email.. Setelah kita melakukan pengisian data, setelah kita post atau submit, maka php kembali berproses, mengolah input kita, dan hasil dari proses bisa berupa email yang dikirimkan, dan kita bisa melihat halaman konfirmasi pengiriman yang digenerate php dalam bentuk html</p>
<p>Namun, PHP tidak selalu berstruktur demikian, kadang sebuah file php pun justru isinya html melulu, bisa juga file php, tidak men-generate html, melainkan sekedar proses biasa&#8230;</p>
<p>Contoh program php paling sederhana dapat dilihat disini</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;?php

?&gt;</font></pre>
<p>Nah.. inilah program paling sederhana.. untuk <b>menunjukkan pada komputer</b> bahwa ini proses php, perlu diberi tanda</p>
<p><b></p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">&lt;?php
</pre>
<p></b></p>
<p>dan akhiran</p>
<p><b></p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">?&gt;
</pre>
<p></b>&#8230;</p>
<p>Nah selanjutnya semua proses php perlu diberi seperti itu yaa&#8230;</p>
<p>Contoh proses php lagi:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;?php
echo "Hello World";
?&gt;</font></pre>
<p>Apa maksud program ini?</p>
<p>Maksudnya adalah program tersebut menuliskan echo pada halaman <b>html code</b> kita. Proses penulisan pada halaman <b>html code</b> tersebut ditandai dengan perintah :</p>
<p><b></p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">echo:" ";
</pre>
<p></b></p>
<p>Nah, ternyata, kalo kita ingin membuat sebuah halaman html utuh seperti ini dengan php:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;html&gt;</font>
<font color="#000080">&lt;head&gt;</font>
<font color="#000080">&lt;title&gt;</font>AKU LAHIR<font color="#000080">&lt;/title&gt;</font>
<font color="#000080">&lt;/head&gt;</font>
<font color="#000080">&lt;body&gt;</font> Halo Duniaaaaaaa <font color="#000080">&lt;/body&gt;</font>
<font color="#000080">&lt;/html&gt;</font></pre>
<p>kita bisa meuliskannya dengan cara begini:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;?php
echo "&lt;html&gt;";
echo "&lt;head&gt;";
echo "&lt;title&gt;AKU LAHIR&lt;/title&gt;";
echo "&lt;/head&gt;";
echo "&lt;body&gt; Halo Duniaaaaaaa &lt;/body&gt;";
echo "&lt;/html&gt;";
?&gt;</font></pre>
<p>Lho.. malah tambah rumit ya? Tapi ingat, bahasa pemrograman tidak dibuat untuk mempersulit manusia.. entar di belakang juga kita akan tahu fungsinya&#8230;</p>
<p>Tapi.. untuk bisa menjalankan File ini, &lt;b&gt;ada syaratnya..[/b]:<br />
Syaratnya adalah&#8230;</p>
<p>FILE INI TERLETAK PADA DIREKTORI TEMPAT DOCUMENT ROOT WEB SERVER..</p>
<p><!-- / message --> 	 		 		 		 		 		 		<!-- edit note --></p>
<p class="smallfont">
<hr size="1" /> 				<em> 				Last edited by embah_maridjan : 01-09-2006 at <span class="time">10:58 PM</span>. 				 				</em></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/15/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/15/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=15&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/sedoso/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/smilies/sumbangan/15.gif" medium="image" />
	</item>
		<item>
		<title>sembilan</title>
		<link>http://bodhon.wordpress.com/2006/09/07/sembilan/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/sembilan/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:19:47 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/sembilan/</guid>
		<description><![CDATA[
Quote:


Originally Posted by ephyra 					
embah yang baek juga kaskuser yang laen, aku baru liat thread ini n lagi belajar, tapi kemaren pas aku masukin kode yang &#60;img src=&#8221;g:\phyra\47499261.jpg&#8221;&#62; trus save ternyata ngga muncul gambarnya, tapi klo diliat di windows explorer secara thumbnails gambar itu muncul. kira2 apanya yg salah ya?
ini kode yang aku bikin
&#60;html&#62;
&#60;head&#62;
&#60;title&#62;ephyra&#60;/title&#62;
&#60;/head&#62;
&#60;body bgcolor=&#8221;#87CEFA&#8221;&#62;
percobaan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=14&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">Quote:</p>
<table border="0" cellpadding="6" cellspacing="0" width="100%">
<tr>
<td class="alt2" style="border:1px inset;">Originally Posted by <strong>ephyra</strong> 					<a href="http://kaskus.us/showthread.php?p=8170737#post8170737" rel="nofollow"><img src="http://kaskus.us/images/buttons/viewpost.gif" class="inlineimg" alt="View Post" border="0" /></a></p>
<p style="font-style:italic;">embah yang baek juga kaskuser yang laen, aku baru liat thread ini n lagi belajar, tapi kemaren pas aku masukin kode yang &lt;img src=&#8221;g:\phyra\47499261.jpg&#8221;&gt; trus save ternyata ngga muncul gambarnya, tapi klo diliat di windows explorer secara thumbnails gambar itu muncul. kira2 apanya yg salah ya?<br />
ini kode yang aku bikin<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;title&gt;ephyra&lt;/title&gt;<br />
&lt;/head&gt;<br />
&lt;body bgcolor=&#8221;#87CEFA&#8221;&gt;<br />
percobaan lagi masukin gambar<br />
&lt;a href=&#8221;halaman-dua.html&#8221;&gt;kilik dimari&lt;/a&gt;<br />
&lt;img src=&#8221;g:\ephyra\47499261.jpg&#8221;&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;</p>
<p>sori ya klo bahasanya beribet. thx b4</td>
</tr>
</table>
<p>Cukup jelas kok <img src="http://kaskus.us/images/smilies/sumbangan/15.gif" class="inlineimg" border="0" /><br />
Gini, pertama dilihat di browser option .</p>
<ul>
<li>Kalo pake Internet Explorer,lihat pada menu <b>Tools</b>, <b>Internet Options</b>, <b>Advanced</b>, <b>Multimedia</b>. Disitu ada pilihan <b>Show Picture</b>. Nah itu di centang/pilih ya.</li>
<li>Kalo pake Mozilla, lihat pada <b>Tools</b>, <b>Options</b>, <b>Web Features</b>, pilih <b>Load Images</b></li>
</ul>
<p>Nah itu bisa jadi karena broswer tidak me load image ente.</p>
<p>Kemudian ada hal yang perlu lagi, kalo bisa kita membiasakan diri dengan menempatkan gambar atau image, masih dalam folder web kita. Maksudnya adalah, jika folder web kita dipindah, gambar juga ikut pindah, dan selain itu kita juga bisa membuat aturan path-nya menjadi <b>path relatif</b> yang bisa fleksibel..</p>
<p>contoh :</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">.
.
<font color="#008000">&lt;a href=<font color="#0000ff">"halaman-dua.html"</font>&gt;</font>kilik dimari<font color="#008000">&lt;/a&gt;</font>
<font color="#800080">&lt;img src=<font color="#0000ff">"g:\ephyra\47499261.jpg"</font>&gt;</font>

..</pre>
<p>gambar yang ada di Drive G, Folder ephyra, dipindah aja ke folder yang memuat web kita. Kalo masih satu folder / level folder dengan file htmlnya, tinggal tulis seperti ini</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#008000">&lt;a href=<font color="#0000ff">"halaman-dua.html"</font>&gt;</font>kilik dimari<font color="#008000">&lt;/a&gt;</font>
<font color="#800080">&lt;img src=<font color="#0000ff">"47499261.jpg"</font>&gt;</font></pre>
<p>Kalo biasanya sih para pembuat web menempatkan dalam folder sendiri seperti folder image, yang masih dalam satu <i>level folder</i> dengan web, misalnya kalo kita kasih nama folder <b>images</b></p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#008000">&lt;a href=<font color="#0000ff">"halaman-dua.html"</font>&gt;</font>kilik dimari<font color="#008000">&lt;/a&gt;</font>
<font color="#800080">&lt;img src=<font color="#0000ff">"images/47499261.jpg"</font>&gt;</font></pre>
<p>Lawan path relatif adalah path absolut seperti begini C:\program files\mozilla\1.jpg</p>
<p>Nah dicoba dulu yach</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/14/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/14/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/14/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=14&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/sembilan/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/buttons/viewpost.gif" medium="image">
			<media:title type="html">View Post</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/smilies/sumbangan/15.gif" medium="image" />
	</item>
		<item>
		<title>delapan</title>
		<link>http://bodhon.wordpress.com/2006/09/07/delapan/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/delapan/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:18:59 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/delapan/</guid>
		<description><![CDATA[nyicil css (css hello word)
Mengapa pelajarannya kok kayak melompat-lompat? Nggak, ini memang melompat tapi maksdnya adalah untuk sama sama mudah di pelajari sesuai levelnya.. wekekek
css adalah singkatan dari CASCADING STYLE SHEET. Beberapa penjelasan mudah tentang css adalah:

w3c.org : CSS=sebuah mekanisme sederhana untuk mengatur halaman web
w3schools: CSS=suatu cara agar mempermudah pengaturan seluruh tampilan web hanya dengan [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=13&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><font size="+2">nyicil css (css hello word)</font></p>
<p>Mengapa pelajarannya kok kayak melompat-lompat? Nggak, ini memang melompat tapi maksdnya adalah untuk sama sama mudah di pelajari sesuai levelnya.. wekekek</p>
<p><b>css</b> adalah singkatan dari <b>CASCADING STYLE SHEET</b>. Beberapa penjelasan mudah tentang <b>css</b> adalah:</p>
<ul>
<li>w3c.org : CSS=sebuah mekanisme sederhana untuk mengatur halaman web</li>
<li>w3schools: CSS=suatu cara agar mempermudah pengaturan seluruh tampilan web hanya dengan satu kali aturan saja</li>
</ul>
<p>Begitu..</p>
<p>Nah, sebagai gambaran singkat mengenai fungsi besar <b>css</b> akan digambarkan dalam bentuk contoh dibawah ini:<br />
==================================================  =====<br />
Misal kita membuat web dengan 3 buah halaman web yang mirip, namun berbeda isi/content nya.</p>
<p>halaman html pertama disimpan sebagai <b>cobacss1.html</b> (ingat lho ya, tetep pake notepad, atau editor text lainnya)</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;html&gt;</font>
<font color="#000080">&lt;head&gt;</font>
<font color="#000080">&lt;title&gt;</font>coba css hal 1<font color="#000080">&lt;/title&gt;</font>
<font color="#000080">&lt;/head&gt;</font>
<font color="#000080">&lt;body bgcolor=<font color="#0000ff">"#000000"</font> text=<font color="#0000ff">"FFFFFF"</font> link=<font color="#0000ff">"cc9933"</font> alink=<font color="#0000ff">"cccccc"</font> vlink=<font color="#0000ff">"fe546e"</font> &gt;</font>
coba css hal1<font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"cobacss2.html"</font>&gt;</font>ke hal2<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"cobacss3.html"</font>&gt;</font>ke hal3<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#000080">&lt;/body&gt;</font>
<font color="#000080">&lt;/html&gt;</font></pre>
<p>kemudian kita buat halaman 2:<br />
halaman html kedua disimpan sebagai <b>cobacss2.html</b></p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;html&gt;</font>
<font color="#000080">&lt;head&gt;</font>
<font color="#000080">&lt;title&gt;</font>coba css hal 2<font color="#000080">&lt;/title&gt;</font>
<font color="#000080">&lt;/head&gt;</font>
<font color="#000080">&lt;body bgcolor=<font color="#0000ff">"#000000"</font> text=<font color="#0000ff">"FFFFFF"</font> link=<font color="#0000ff">"cc9933"</font> alink=<font color="#0000ff">"cccccc"</font> vlink=<font color="#0000ff">"fe546e"</font> &gt;</font>
coba css hal2<font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"cobacss1.html"</font>&gt;</font>ke hal1<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"cobacss3.html"</font>&gt;</font>ke hal3<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#000080">&lt;/body&gt;</font>
<font color="#000080">&lt;/html&gt;</font></pre>
<p>terus halaman 3<br />
halaman html ketiga disimpan sebagai <b>cobacss3.html</b></p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;html&gt;</font>
<font color="#000080">&lt;head&gt;</font>
<font color="#000080">&lt;title&gt;</font>coba css hal 3<font color="#000080">&lt;/title&gt;</font>
<font color="#000080">&lt;/head&gt;</font>
<font color="#000080">&lt;body bgcolor=<font color="#0000ff">"#000000"</font> text=<font color="#0000ff">"FFFFFF"</font> link=<font color="#0000ff">"cc9933"</font> alink=<font color="#0000ff">"cccccc"</font> vlink=<font color="#0000ff">"fe546e"</font> &gt;</font>
coba css hal3<font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"cobacss1.html"</font>&gt;</font>ke hal1<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"cobacss2.html"</font>&gt;</font>ke hal2<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#000080">&lt;/body&gt;</font>
<font color="#000080">&lt;/html&gt;</font></pre>
<p>Nhhaaaah&#8230;</p>
<p>berarti tiap kali kita buat halaman html, ya harus nulis <b>hal yang sama dan berulang ulang</b> terus menerus&#8230; ya nggak&#8230;<br />
Hal yang berulang ulang itu adalah:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">.........
<font color="#000080">&lt;body bgcolor=<font color="#0000ff">"#000000"</font> text=<font color="#0000ff">"FFFFFF"</font> link=<font color="#0000ff">"cc9933"</font> alink=<font color="#0000ff">"cccccc"</font> vlink=<font color="#0000ff">"fe546e"</font> &gt;</font>
........</pre>
<p>Naah.. untuk itulah <b>w3c</b> atau singkatan dari <i>world wide web consortium</i> membuat sebuah standard untuk mempermudah hal itu dengan menggunakan CSS. Dengan demikian nanti, kita bisa membuat sebuah halaman baru, misal dengan nama <b>style.css</b> yang berisi aturan-aturan. Aturan-aturan tersebut nanti tinggal <b>dipanggil</b> dalam tiap halaman html yang memerlukan aturan tersebut&#8230; wehehehe.. ringkas khan&#8230;<br />
Jadi nanti seperti margin, warna link dll, dapat kita atur satukali aja yang ada di css, tapi semua yang di html bisa ikut berubah, enak khan? <img src="http://kaskus.us/images/smilies/sumbangan/15.gif" class="inlineimg" border="0" /></p>
<p>Jadi, halaman html diatas bisa menjadi seperti ini misalnya:</p>
<ul>
<li>Kita buat file <b>css</b> dengan nama <b>style.css</b>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;">BODY
{
background: #000000;
color: ffffff;
}
a:link {color: #cc9933}     /* link, kalo tadi ya cuma link gitu*/
a:visited {color: #fe546e}  /* visited link, tadi sebagai vlink*/
a:active {color: #cccccc}   /* link active, tadi sebagai alink */</pre>
<p>oh ya asal untuk ngasih <b>komentar</b> kita bisa pake tanda pemula {/*} danm diakhiri tanda {*/}. Diantara tanda ini, gak diproses dalam css atau web</li>
<li>Kita buat file <b>html &#8211; nya</b>, lengkap dengan pemanggilan cssnya dalam sintaks htmlnya
<p>yang ini simpan saja sabagai latcss1.html</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;html&gt;</font>
<font color="#000080">&lt;head&gt;</font><font color="#000080">&lt;LINK rel=<font color="#0000ff">"stylesheet"</font> type=<font color="#0000ff">"text/css"</font> href=<font color="#0000ff">"style.css"</font>&gt;</font>
<font color="#000080">&lt;title&gt;</font>coba css hal 1<font color="#000080">&lt;/title&gt;</font>
<font color="#000080">&lt;/head&gt;</font>
<font color="#000080">&lt;body&gt;</font>
coba css hal1<font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"latcss2.html"</font>&gt;</font>ke hal2<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"latcss3.html"</font>&gt;</font>ke hal3<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#000080">&lt;/body&gt;</font>
<font color="#000080">&lt;/html&gt;</font></pre>
<p>ini disimpan sebagai latcss2.html</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;html&gt;</font>
<font color="#000080">&lt;head&gt;</font><font color="#000080">&lt;LINK rel=<font color="#0000ff">"stylesheet"</font> type=<font color="#0000ff">"text/css"</font> href=<font color="#0000ff">"style.css"</font>&gt;</font>
<font color="#000080">&lt;title&gt;</font>coba css hal 2<font color="#000080">&lt;/title&gt;</font>
<font color="#000080">&lt;/head&gt;</font>
<font color="#000080">&lt;body&gt;</font>
coba css hal2<font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"latcss1.html"</font>&gt;</font>ke hal1<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"latcss3.html"</font>&gt;</font>ke hal3<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#000080">&lt;/body&gt;</font>
<font color="#000080">&lt;/html&gt;</font></pre>
<p>ini disimpan sebagai latcss3.html</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;html&gt;</font>
<font color="#000080">&lt;head&gt;</font><font color="#000080">&lt;LINK rel=<font color="#0000ff">"stylesheet"</font> type=<font color="#0000ff">"text/css"</font> href=<font color="#0000ff">"style.css"</font>&gt;</font>
<font color="#000080">&lt;title&gt;</font>coba css hal 3<font color="#000080">&lt;/title&gt;</font>
<font color="#000080">&lt;/head&gt;</font>
<font color="#000080">&lt;body&gt;</font>
coba css hal3<font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"latcss1.html"</font>&gt;</font>ke hal1<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#008000">&lt;a href=<font color="#0000ff">"latcss2.html"</font>&gt;</font>ke hal2<font color="#008000">&lt;/a&gt;</font><font color="#000080">&lt;br/&gt;</font>
<font color="#000080">&lt;/body&gt;</font>
<font color="#000080">&lt;/html&gt;</font></pre>
</li>
</ul>
<p>Nah disana ada <b>link rel</b> dan kawan kawan yang tujuannya hanya memanggil (meload) css yang ada dalam halaman lain, namun masih satu folder, untuk dijadikan acuan aturan dalam htmlnya <img src="http://kaskus.us/images/smilies/sumbangan/15.gif" class="inlineimg" border="0" /></p>
<p>Naah, sekarang coba jalankan&#8230; tolong teman teman juga koreksi, embah sering lupa&#8230;</p>
<p><font size="+2">D</font>alam sebuah halaman html yang kompleks, disana akan terdiri dari buanyak sekali hal, seperti<br />
warna link, visited, active<br />
background<br />
layer<br />
table<br />
paragraph<br />
break<br />
komponen lain</p>
<p>Jika semua hal tersebut harus dituliskan berulang ulang dalam halaman baru, wah, bisa pusing tuh yang bikin yahoo dll hehehe, maka dengan css, semua lebih ringkas, mengaturnya jadi gampang..</p>
<p><!-- / message --> 	 		 		 		 		 		 		<!-- edit note --></p>
<p class="smallfont">
<hr size="1" /> 				<em> 				Last edited by embah_maridjan : 26-08-2006 at <span class="time">06:46 PM</span>. 				 				</em></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/13/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/13/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/13/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=13&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/delapan/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/smilies/sumbangan/15.gif" medium="image" />

		<media:content url="http://kaskus.us/images/smilies/sumbangan/15.gif" medium="image" />
	</item>
		<item>
		<title>ketujuh</title>
		<link>http://bodhon.wordpress.com/2006/09/07/ketujuh/</link>
		<comments>http://bodhon.wordpress.com/2006/09/07/ketujuh/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 14:17:49 +0000</pubDate>
		<dc:creator>bodhon</dc:creator>
				<category><![CDATA[HTML Tutorial for Kaskus]]></category>

		<guid isPermaLink="false">http://bodhon.wordpress.com/2006/09/07/ketujuh/</guid>
		<description><![CDATA[OK Guys, sama sama belajar, dan kata orang dulu sih, &#8220;tanamlah ilmu di kepalamu dengan cara berbagi dengan orang lain&#8221;, dan saya percaya itu 
nah setelah hilang sedikit rasa penasaran kita tentang apa yang terjadi di web server dan client, maka kita segera sedikit mengulas tentang properti dan value dari masing-masing operator yang membentuk halaman [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=12&subd=bodhon&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>OK Guys, sama sama belajar, dan kata orang dulu sih, &#8220;tanamlah ilmu di kepalamu dengan cara berbagi dengan orang lain&#8221;, dan saya percaya itu <img src="http://kaskus.us/images/smilies/sumbangan/15.gif" class="inlineimg" border="0" /></p>
<p>nah setelah hilang sedikit rasa penasaran kita tentang apa yang terjadi di web server dan client, maka kita segera sedikit mengulas tentang <b>properti</b> dan <b>value</b> dari masing-masing operator yang membentuk halaman html tersebut. Mari kita mulai:</p>
<p>untuk body</p>
<ul>
<li>bgcolor = mewarnai background</li>
<li>text = warna text / hurup yang dituliskan</li>
<li>link = warna hurup yang bakal ada <b>link</b> nya</li>
<li>alink = warna hurup yang linknya aktif (active link)</li>
<li>vlink = warna hurup yang linknya telah dikunjungi (visited link)</li>
</ul>
<p>Kita coba dalam kode:</p>
<p style="margin:5px 20px 20px;">
<p class="smallfont" style="margin-bottom:2px;">HTML Code:</p>
<pre>
<p dir="ltr" style="text-align:left;"><font color="#000080">&lt;html&gt;</font>
<font color="#000080">&lt;head&gt;</font>
<font color="#000080">&lt;title&gt;</font>Coba Properti Elemen Body<font color="#000080">&lt;/title&gt;</font>
<font color="#000080">&lt;/head&gt;</font>
<font color="#000080">&lt;body bgcolor=<font color="#0000ff">"#000000"</font> text=<font color="#0000ff">"FFFFFF"</font> link=<font color="#0000ff">"cc9933"</font> alink=<font color="#0000ff">"cccccc"</font> vlink=<font color="#0000ff">"fe546e"</font> &gt;</font>
Kali ini kita mencoba menggunakan <font color="#008000">&lt;a href=<font color="#0000ff">"#"</font>&gt;</font>Body elements<font color="#008000">&lt;/a&gt;</font>
<font color="#000080">&lt;/body&gt;</font>
<font color="#000080">&lt;/html&gt;</font></pre>
<p>Jangan lupa disimpen aja di notepad sebagai file cobabody.html.. nah nanti buka dari ekplorer juga bisa, atau dari browser, dengan cara open file, browse dan diarahkan ke file ini&#8230;</p>
<p>Kalo udah beginiii, berarti maksudnya semua yang ada di halaman web yang kita buat tersebut, akan berbackground warna item, text nya puteh, dan link-linknya akan memiliki warna terntentu&#8230;</p>
<p>Selamat mencoba.. <img src="http://kaskus.us/images/smilies/sumbangan/15.gif" class="inlineimg" border="0" /></p>
<p><!-- / message --> 	 		 		 		 		 		 		<!-- edit note --></p>
<p class="smallfont">
<hr size="1" /> 				<em> 				Last edited by embah_maridjan : 24-08-2006 at <span class="time">11:07 PM</span>. 				 				</em></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/bodhon.wordpress.com/12/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/bodhon.wordpress.com/12/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/bodhon.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/bodhon.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/bodhon.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/bodhon.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/bodhon.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/bodhon.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/bodhon.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/bodhon.wordpress.com/12/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/bodhon.wordpress.com/12/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/bodhon.wordpress.com/12/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=bodhon.wordpress.com&blog=401347&post=12&subd=bodhon&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://bodhon.wordpress.com/2006/09/07/ketujuh/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/31daf266cf2eb47984c0be0603c511cf?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">bodhon</media:title>
		</media:content>

		<media:content url="http://kaskus.us/images/smilies/sumbangan/15.gif" medium="image" />

		<media:content url="http://kaskus.us/images/smilies/sumbangan/15.gif" medium="image" />
	</item>
	</channel>
</rss>