<?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:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Selamat Datang di Webnya Satori!!</title>
	<atom:link href="http://satori125.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://satori125.wordpress.com</link>
	<description></description>
	<lastBuildDate>Fri, 16 May 2008 11:32:29 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='satori125.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/15726e05ab33c01de4ac017e0efc4ca2?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Selamat Datang di Webnya Satori!!</title>
		<link>http://satori125.wordpress.com</link>
	</image>
			<item>
		<title>koneksi http dan mailserver dengan menggunakan TELNET</title>
		<link>http://satori125.wordpress.com/2008/05/16/koneksi-http-dan-mailserver-dengan-menggunakan-telnet/</link>
		<comments>http://satori125.wordpress.com/2008/05/16/koneksi-http-dan-mailserver-dengan-menggunakan-telnet/#comments</comments>
		<pubDate>Fri, 16 May 2008 11:32:29 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/?p=26</guid>
		<description><![CDATA[koneksi http dengan menggunakan telnet

Dalam ITB

contoh: http://arc.itb.ac.id

dengan telnet:


Luar ITB

contoh:http://www.example.com

dengan telnet:

KONEKSI MAIL SERVER DENGAN MENGGUNAKAN TELNET:

Dalam ITB

contoh:students.itb.ac.id

dengan telnet:


Luar ITB

contoh:yahoo.com

dengan telnet:

semoga bermanfaat&#8230;
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=26&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>koneksi http dengan menggunakan telnet</p>
<ul>
<li>Dalam ITB</li>
</ul>
<p>contoh: http://arc.itb.ac.id</p>
<p><a href="http://satori125.files.wordpress.com/2008/05/arc.jpg"><img class="alignnone size-medium wp-image-27" src="http://satori125.files.wordpress.com/2008/05/arc.jpg?w=300&#038;h=189" alt="" width="300" height="189" /></a></p>
<p>dengan telnet:</p>
<p><a href="http://satori125.files.wordpress.com/2008/05/arc-telnet.jpg"><img class="alignnone size-medium wp-image-28" src="http://satori125.files.wordpress.com/2008/05/arc-telnet.jpg?w=300&#038;h=199" alt="" width="300" height="199" /></a></p>
<ul>
<li>Luar ITB</li>
</ul>
<p>contoh:http://www.example.com</p>
<p><a href="http://satori125.files.wordpress.com/2008/05/example.jpg"><img class="alignnone size-medium wp-image-29" src="http://satori125.files.wordpress.com/2008/05/example.jpg?w=300&#038;h=79" alt="" width="300" height="79" /></a></p>
<p>dengan telnet:</p>
<p><a href="http://satori125.files.wordpress.com/2008/05/example-telnet.jpg"><img class="alignnone size-medium wp-image-30" src="http://satori125.files.wordpress.com/2008/05/example-telnet.jpg?w=300&#038;h=195" alt="" width="300" height="195" /></a></p>
<p>KONEKSI MAIL SERVER DENGAN MENGGUNAKAN TELNET:</p>
<ul>
<li>Dalam ITB</li>
</ul>
<p>contoh:students.itb.ac.id</p>
<p><a href="http://satori125.files.wordpress.com/2008/05/tgs11.jpg"><img class="alignnone size-medium wp-image-31" src="http://satori125.files.wordpress.com/2008/05/tgs11.jpg?w=300&#038;h=217" alt="" width="300" height="217" /></a></p>
<p>dengan telnet:</p>
<p><a href="http://satori125.files.wordpress.com/2008/05/tgs1.jpg"><img class="alignnone size-medium wp-image-32" src="http://satori125.files.wordpress.com/2008/05/tgs1.jpg?w=300&#038;h=150" alt="" width="300" height="150" /></a></p>
<ul>
<li>Luar ITB</li>
</ul>
<p>contoh:yahoo.com</p>
<p><a href="http://satori125.files.wordpress.com/2008/05/tgs21.jpg"><img class="alignnone size-medium wp-image-33" src="http://satori125.files.wordpress.com/2008/05/tgs21.jpg?w=300&#038;h=189" alt="" width="300" height="189" /></a></p>
<p>dengan telnet:</p>
<p><a href="http://satori125.files.wordpress.com/2008/05/tgs2.jpg"><img class="alignnone size-medium wp-image-34" src="http://satori125.files.wordpress.com/2008/05/tgs2.jpg?w=300&#038;h=150" alt="" width="300" height="150" /></a></p>
<p>semoga bermanfaat&#8230;</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/26/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/26/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/26/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/26/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/26/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=26&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/05/16/koneksi-http-dan-mailserver-dengan-menggunakan-telnet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>

		<media:content url="http://satori125.files.wordpress.com/2008/05/arc.jpg?w=300" medium="image" />

		<media:content url="http://satori125.files.wordpress.com/2008/05/arc-telnet.jpg?w=300" medium="image" />

		<media:content url="http://satori125.files.wordpress.com/2008/05/example.jpg?w=300" medium="image" />

		<media:content url="http://satori125.files.wordpress.com/2008/05/example-telnet.jpg?w=300" medium="image" />

		<media:content url="http://satori125.files.wordpress.com/2008/05/tgs11.jpg?w=300" medium="image" />

		<media:content url="http://satori125.files.wordpress.com/2008/05/tgs1.jpg?w=300" medium="image" />

		<media:content url="http://satori125.files.wordpress.com/2008/05/tgs21.jpg?w=300" medium="image" />

		<media:content url="http://satori125.files.wordpress.com/2008/05/tgs2.jpg?w=300" medium="image" />
	</item>
		<item>
		<title>Terjemahan http://www.w3schools.com</title>
		<link>http://satori125.wordpress.com/2008/05/02/terjemahan-httpwwww3schoolscom/</link>
		<comments>http://satori125.wordpress.com/2008/05/02/terjemahan-httpwwww3schoolscom/#comments</comments>
		<pubDate>Fri, 02 May 2008 17:03:00 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/?p=24</guid>
		<description><![CDATA[1. terjemahkan dari link http://www.w3schools.com/tags/




Tag


Description


DTD




&#60;!–…–&#62;


Mendefinisikan   komentar


STF




&#60;!DOCTYPE&#62; 


Mendefinisikan   tipe dokumen


STF




&#60;a&#62;


Mendefinisikan   tempat penulisan


STF




&#60;abbr&#62;


Mendefinisikan   singkatan


STF




&#60;acronym&#62;


Mendefinisikan   akronim


STF




&#60;address&#62;


Mendefinisikan   elemen alamat


STF




&#60;applet&#62;


Pembantahan.   Mendefinisikan applet


TF




&#60;area&#62;


Mendefinisikan   area dalam gambar


STF




&#60;b&#62;


Mendefinisikan   teks bold


STF




&#60;base&#62;


Mendefinisikan   sumber URL dari link dalam page


STF




&#60;basefont&#62;


Pembantahan.Mendefinisikan   dasar font


TF




&#60;bdo&#62;


Mendefinisikan   arah [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=24&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><span>1. terjemahkan dari link http://www.w3schools.com/tags/</span></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><strong><span>Tag</span></strong></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><strong><span>DTD</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_comment.asp">&lt;!–…–&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   komentar</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_doctype.asp">&lt;!DOCTYPE&gt;</a> </span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   tipe dokumen</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_a.asp">&lt;a&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   tempat penulisan</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_abbr.asp">&lt;abbr&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   singkatan</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_acronym.asp">&lt;acronym&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   akronim</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_address.asp">&lt;address&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   elemen alamat</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_applet.asp">&lt;applet&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan applet</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_area.asp">&lt;area&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   area dalam gambar</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;b&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks bold</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_base.asp">&lt;base&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   sumber URL dari link dalam page</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_basefont.asp">&lt;basefont&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.Mendefinisikan   dasar font</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_bdo.asp">&lt;bdo&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   arah dari tampilan teks</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;big&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks besar</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_blockquote.asp">&lt;blockquote&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   kutip panjang</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_body.asp">&lt;body&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   elemen body</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_br.asp">&lt;br&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Memasukkan   spasi 1 baris</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_button.asp">&lt;button&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   tombol tekan</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_caption.asp">&lt;caption&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   tabel caption</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_center.asp">&lt;center&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan teks menuju center</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;cite&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   kutip</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;code&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   kode teks komputer</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_col.asp">&lt;col&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   atribut kolom tabel</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_colgroup.asp">&lt;colgroup&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   grup kolom tabel</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_dd.asp">&lt;dd&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   deskripsi definisi</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_del.asp">&lt;del&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks yang terhapus</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_dir.asp">&lt;dir&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan list directory</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_div.asp">&lt;div&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   bagian pada dokumen</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;dfn&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   definisi dari syarat</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_dl.asp">&lt;dl&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   daftar definisi</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_dt.asp">&lt;dt&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   konsep definisi</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;em&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   penekanan teks</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_fieldset.asp">&lt;fieldset&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   fieldset</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_font.asp">&lt;font&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan font teks, ukuran dan warna</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_form.asp">&lt;form&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   daftar</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_frame.asp">&lt;frame&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   jendela</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>F</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_frameset.asp">&lt;frameset&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   kerangka</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>F</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_hn.asp">&lt;h1&gt; to &lt;h6&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   header 1 menuju 6</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_head.asp">&lt;head&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   informasi tentang dokumen</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_hr.asp">&lt;hr&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   syarat horizontal</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_html.asp">&lt;html&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   HTML dokumen </span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;i&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks italic</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_iframe.asp">&lt;iframe&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   kerangka dalam jendela</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_img.asp">&lt;img&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   gambar</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_input.asp">&lt;input&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   daerah input</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_ins.asp">&lt;ins&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks yang disisipkan</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>&lt;isindex&gt;</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan sebaris daerah dalam</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;kbd&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks keyboard</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_label.asp">&lt;label&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   label atau form kontrol</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_legend.asp">&lt;legend&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   judul dalam fieldset</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_li.asp">&lt;li&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   daftar item</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_link.asp">&lt;link&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   referensi sumber</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_map.asp">&lt;map&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   peta gambar</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_menu.asp">&lt;menu&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan daftar menu</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_meta.asp">&lt;meta&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   informasi meta</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_noframes.asp">&lt;noframes&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   seksi tanpa kerangka</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_noscript.asp">&lt;noscript&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   seksi tanpa tulisan</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_object.asp">&lt;object&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   objek yang disisipkan</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_ol.asp">&lt;ol&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   daftar yang dipesan</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_optgroup.asp">&lt;optgroup&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   grup pilihan</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_option.asp">&lt;option&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   pilihan dalam daftar</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_p.asp">&lt;p&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   paragraf</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_param.asp">&lt;param&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   batas objek</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_pre.asp">&lt;pre&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks yang siap diformat</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_q.asp">&lt;q&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   kutip pendek</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_strike.asp">&lt;s&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan strikethrough teks</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;samp&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   contoh kode komputer</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_script.asp">&lt;script&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   script</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_select.asp">&lt;select&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   daftar yang dapat dipilih</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;small&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks kecil</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_span.asp">&lt;span&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   bagian dalam dokumen</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_strike.asp">&lt;strike&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan strikethrough teks</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;strong&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   strong teks</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_style.asp">&lt;style&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   style definisi</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_sup.asp">&lt;sub&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks subscript</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_sup.asp">&lt;sup&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks superscript</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_table.asp">&lt;table&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   tabel</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_tbody.asp">&lt;tbody&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   badan tabel</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_td.asp">&lt;td&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   kotak tabel</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_textarea.asp">&lt;textarea&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   area teks</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_tfoot.asp">&lt;tfoot&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   footer</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_th.asp">&lt;th&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   awal tabel</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_thead.asp">&lt;thead&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   awal tabel</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_title.asp">&lt;title&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   judul dokumen</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_tr.asp">&lt;tr&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   baris tabel</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_font_style.asp">&lt;tt&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   teks teletype</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_u.asp">&lt;u&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan teks yang digarisbawahi</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>TF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_ul.asp">&lt;ul&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   daftar yang belum dipesan</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/tags/tag_phrase_elements.asp">&lt;var&gt;</a></span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Mendefinisikan   variabel</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>STF</span></p>
</td>
</tr>
<tr>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>&lt;xmp&gt;</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span>Pembantahan.   Mendefinisikan teks yang siap diformat</span></p>
</td>
<td style="padding:0;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
</tr>
</tbody>
</table>
<p><span>2.Terjemahkan dari http://www.w3schools.com/css/css_reference.asp</span></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_background.asp">background</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>properti   pendek untuk mengatur semua properti latar dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>background-color</span></em><em><span><br />
<em>background-image</em><br />
<em>background-repeat background-attachment background-position</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_background-attachment.asp">background-attachment</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   bagaimana latar belakang gambar dibuat diam atau digeser dengan page</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>scroll<br />
fixed</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_background-color.asp">background-color</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   elemen warna latar</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>color-rgb</span></em><em><span><br />
<em>color-hex</em><br />
<em>color-name</em><br />
</span></em><span>transparent</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_background-image.asp">background-image</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   gambar sebagai latar</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>url(<em>URL</em>)<br />
none</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_background-position.asp">background-position</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   awal dari latar gambar</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>top left<br />
top center<br />
top right<br />
center left<br />
center center<br />
center right<br />
bottom left<br />
bottom center<br />
bottom right<br />
<em>x% y%</em><br />
<em>xpos ypos</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_background-repeat.asp">background-repeat</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   bagaimana latar gambar diulang</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>repeat<br />
repeat-x<br />
repeat-y<br />
no-repeat</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="border"><strong><span style="font-size:18pt;">Border</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border.asp">border</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti dari empat batas dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-width</span></em><em><span><br />
<em>border-style</em><br />
<em>border-color</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-bottom.asp">border-bottom</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti dari order bawah dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-bottom-width</span></em><em><span><br />
<em>border-style</em><br />
<em>border-color</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-bottom_color.asp">border-bottom-color</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   warna border bawah</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-color</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-bottom_style.asp">border-bottom-style</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   style border bawah</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-style</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-bottom_width.asp">border-bottom-width</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar border bawah</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-color.asp">border-color</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   warna dari empat border, bisa dari satu hingga empat</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>color</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-left.asp">border-left</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   border kiri dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-left-width</span></em><em><span><br />
<em>border-style</em><br />
<em>border-color</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-left_color.asp">border-left-color</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   warna dari border kiri</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-color</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-left_style.asp">border-left-style</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   style dari border kiri</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-style</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-left_width.asp">border-left-width</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar border kiri</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-right.asp">border-right</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti border kanan dalam satu deklarasi </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-right-width</span></em><em><span><br />
<em>border-style</em><br />
<em>border-color</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-right_color.asp">border-right-color</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   warna border kanan</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-color</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-right_style.asp">border-right-style</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   style border kanan</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-style</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-right_width.asp">border-right-width</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar border kanan</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-style.asp">border-style</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar border kanan bisa dari satu hingga empat</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
hidden<br />
dotted<br />
dashed<br />
solid<br />
double<br />
groove<br />
ridge<br />
inset<br />
outset</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-top.asp">border-top</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti border atas dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-top-width</span></em><em><span><br />
<em>border-style</em><br />
<em>border-color</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-top_color.asp">border-top-color</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   warna border atas</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-color</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-top_style.asp">border-top-style</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   style border atas</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>border-style</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-top_width.asp">border-top-width</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar border atas</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_border-width.asp">border-width</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar border atas bisa dari satu hingga empat</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="classification"><strong><span style="font-size:18pt;">Classification</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_class_clear.asp">clear</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   sisi dari elemen diamna elemen sampingan lain tidak diperbolehkan</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>left<br />
right<br />
both<br />
none</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_class_cursor.asp">cursor</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   tipe kursor untuk ditampilkan</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>url</span></em><span><br />
auto<br />
crosshair<br />
default<br />
pointer<br />
move<br />
e-resize<br />
ne-resize<br />
nw-resize<br />
n-resize<br />
se-resize<br />
sw-resize<br />
s-resize<br />
w-resize<br />
text<br />
wait<br />
help</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_class_display.asp">display</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   bagaimana elemen ditampilkan</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
inline<br />
block<br />
list-item<br />
run-in<br />
compact<br />
marker<br />
table<br />
inline-table<br />
table-row-group<br />
table-header-group<br />
table-footer-group<br />
table-row<br />
table-column-group<br />
table-column<br />
table-cell<br />
table-caption</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_class_float.asp">float</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   bagaimana gambar dan teks muncul </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>left<br />
right<br />
none</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_class_position.asp">position</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menyimpan   elemen dalam posisi statis, relatif, mutlak atau terkunci</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>static<br />
relative<br />
absolute<br />
fixed</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_class_visibility.asp">visibility</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   elemen terlihat atau tidak terlihat</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>visible<br />
hidden<br />
collapse</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="dimension"><strong><span style="font-size:18pt;">Dimension</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_dim_height.asp">height</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   tinggi elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<em><br />
<em>length</em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_dim_line-height.asp">line-height</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   jarak garis</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
<em>number</em><em><br />
<em>length</em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_dim_max-height.asp">max-height</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   tinggi maksimum dari elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
<em>length</em><em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_dim_max-width.asp">max-width</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar maksimum dari elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
<em>length</em><em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_dim_min-height.asp">min-height</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   tinggi minimum dari elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>length</span></em><em><span><br />
<em>%</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_dim_min-width.asp">min-width</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar minimum dari elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>length</span></em><em><span><br />
<em>%</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_dim_width.asp">width</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar dari elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>%</em><em><br />
<em>length</em></em> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="font"><strong><span style="font-size:18pt;">Font</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_font_font.asp">font</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   semua properti font dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>font-style</span></em><em><span><br />
<em>font-variant</em><br />
<em>font-weight</em><br />
<em>font-size/line-height</em><br />
<em>font-family</em><br />
</span></em><span>caption<br />
icon<br />
menu<br />
message-box<br />
small-caption<br />
status-bar</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_font_font-family.asp">font-family</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Memproritaskan   marga keluarga dalam elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>family-name</span></em><em><span><br />
<em>generic-family</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>3</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_font_font-size.asp">font-size</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   ukuran font</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>xx-small<br />
x-small<br />
small<br />
medium<br />
large<br />
x-large<br />
xx-large<br />
smaller<br />
larger<em><br />
<em>length</em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>3</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_font_font-size-adjust.asp">font-size-adjust</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   nilai aspek dalam elemen sehingga dapat menetapkan ukuran untuk font   selanjutnya</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
<em>number</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_font_font-stretch.asp">font-stretch</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengecilkan   atau memperbesar ukuran font keluarga</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
wider<br />
narrower<br />
ultra-condensed<br />
extra-condensed<br />
condensed<br />
semi-condensed<br />
semi-expanded<br />
expanded<br />
extra-expanded<br />
ultra-expanded</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_font_font-style.asp">font-style</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   style font</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
italic<br />
oblique</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_font_font-variant.asp">font-variant</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   menampilkan teks dalam ukuran normal atau kecil</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
small-caps</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_font_weight.asp">font-weight</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   bobot font</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
bold<br />
bolder<br />
lighter<br />
100<br />
200<br />
300<br />
400<br />
500<br />
600<br />
700<br />
800<br />
900</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="generatedcontent"><strong><span style="font-size:18pt;">Generated Content</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_gen_content.asp">content</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>memperbaharui   isis dokumen. Digunakan dengan :before dan   :after elemen antara</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>string</span></em><span><br />
<em>url</em><em><br />
</em>counter(<em>name</em>)<br />
counter(<em>name, list-style-type</em>)<br />
counters(<em>name, string</em>)<br />
counters(<em>name, string, list-style-type</em>)<br />
attr(X)<br />
open-quote<br />
close-quote<br />
no-open-quote<br />
no-close-quote</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_gen_counter-increment.asp">counter-increment</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   pengurangan dari kejadian pada selektor</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
<em>identifier number</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_gen_counter-reset.asp">counter-reset</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   nilai dari counter kejadian pada selektor</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
<em>identifier number</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_gen_quotes.asp">quotes</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   tipe tanda kuota</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
<em>string string</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="list"><strong><span style="font-size:18pt;">List and Marker</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_list-style.asp">list-style</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti untuk semua list dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>list-style-type</span></em><em><span><br />
<em>list-style-position</em><br />
<em>list-style-image</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_list-style-image.asp">list-style-image</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   gambar sebagai lambang item marker</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
<em>url</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_list-style-position.asp">list-style-position</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   dimana daftar item marker ditaruh dalam list</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>inside<br />
outside</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_list-style-type.asp">list-style-type</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   tipe daftar item marker</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
disc<br />
circle<br />
square<br />
decimal<br />
decimal-leading-zero<br />
lower-roman<br />
upper-roman<br />
lower-alpha<br />
upper-alpha<br />
lower-greek<br />
lower-latin<br />
upper-latin<br />
hebrew<br />
armenian<br />
georgian<br />
cjk-ideographic<br />
hiragana<br />
katakana<br />
hiragana-iroha<br />
katakana-iroha </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>marker-offset</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>7</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="margin"><strong><span style="font-size:18pt;">Margin</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_margin.asp">margin</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti margin dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>margin-top</span></em><em><span><br />
<em>margin-right</em><br />
<em>margin-bottom</em><br />
<em>margin-left</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_margin-bottom.asp">margin-bottom</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   margin bawah dari suatu elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>length</em><em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_margin-left.asp">margin-left</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   margin kiri dari suatu elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>length</em><em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>3</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_margin-right.asp">margin-right</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   margin kanan dari suatu elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>length</em><em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>3</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_margin-top.asp">margin-top</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   margin atas dari suatu elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>length</em><em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>3</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="outlines"><strong><span style="font-size:18pt;">Outlines</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_outline.asp">outline</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   semua outline properti dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>outline-color</span></em><em><span><br />
<em>outline-style</em><br />
<em>outline-width</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1.5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_outline-color.asp">outline-color</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   warna outline disekitar elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>color</span></em><em><span><br />
</span></em><span>invert</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1.5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_outline-style.asp">outline-style</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   style outline disekitar elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
dotted<br />
dashed<br />
solid<br />
double<br />
groove<br />
ridge<br />
inset<br />
outset</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1.5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_outline-width.asp">outline-width</a> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   lebar outline disekitar elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>thin<br />
medium<br />
thick<br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1.5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="padding"><strong><span style="font-size:18pt;">Padding</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_padding.asp">padding</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti pengisi dalam satu deklarasi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>padding-top</span></em><em><span><br />
<em>padding-right</em><br />
<em>padding-bottom</em><br />
<em>padding-left</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_padding-bottom.asp">padding-bottom</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti pengisi bawah dari suatu elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>length</span></em><em><span><br />
<em>%</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_padding-left.asp">padding-left</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti pengisi kiri dari suatu elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>length</span></em><em><span><br />
<em>%</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_padding-right.asp">padding-right</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti pengisi kanan dari suatu elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>length</span></em><em><span><br />
<em>%</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_padding-top.asp">padding-top</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   properti pengisi atas dari suatu elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>length</span></em><em><span><br />
<em>%</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="positioning"><strong><span style="font-size:18pt;">Positioning</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pos_bottom.asp">bottom</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   seberapa jauh batas bawah dari suatu elemen ada diatas/dibawah batas bawah   dari elemen induk</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>%</em><em><br />
<em>length</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pos_clip.asp">clip</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   bentuk elemen. Elemen disisipkan dalam bentuk ini dan ditampilkan</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>shape</span></em><em><span><br />
</span></em><span>auto</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pos_left.asp">left</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   seberapa jauh bats kiri dari elemen menuju batas kanan/kiri dari elemen induk</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>%</em><em><br />
<em>length</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pos_overflow.asp">overflow</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   apa yang tejadi jika isi dari elemen memenuhi area</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>visible<br />
hidden<br />
scroll<br />
auto</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_class_position.asp">position</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menaruh   elemen dalam keadaan statis,relatif, absolut atau posisi terkunci</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>static<br />
relative<br />
absolute<br />
fixed</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pos_right.asp">right</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Megnatur   seberapa jauh ujung kanan dari elemen menuju kiri/kanan ujung kanan dari   elemen induk</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>%</em><em><br />
<em>length</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pos_top.asp">top</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   seberapa jauh elemen di ujung atas terhadap atas/bawah ujung atas elemen   induk </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>%</em><em><br />
<em>length</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pos_vertical-align.asp">vertical-align</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   garis vertikal dari elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>baseline<br />
sub<br />
super<br />
top<br />
text-top<br />
middle<br />
bottom<br />
text-bottom<br />
<em>length</em><br />
<em>%</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pos_z-index.asp">z-index</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   urutan simpan dari elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
<em>number</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="table"><strong><span style="font-size:18pt;">Table</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_tab_border-collapse.asp">border-collapse</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   apakah batas tabel menjadi satu batas atau dikeluarkan sebagai HTML standar</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>collapse<br />
separate</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>7</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_tab_border-spacing.asp">border-spacing</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   jarak yang memisahkan kotak batas</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>length   length</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5M</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_tab_caption-side.asp">caption-side</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   posisi dari judul tabel</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>top<br />
bottom<br />
left<br />
right</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5M</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_tab_empty-cells.asp">empty-cells</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   apakah ditunjukkan atau tidak kotak kosong dalam tabel</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>show<br />
hide</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5M</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_tab_table-layout.asp">table-layout</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   algoritma yang digunakan untuk menampilkan kotak tabel, baris dan kolom</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>auto<br />
fixed</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="text"><strong><span style="font-size:18pt;">Text</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Property</span></strong></p>
</td>
<td style="width:30%;padding:2.25pt;" width="30%">
<p class="MsoNormal"><strong><span>Description</span></strong></p>
</td>
<td style="width:25%;padding:2.25pt;" width="25%">
<p class="MsoNormal"><strong><span>Values</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_text_color.asp">color</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   warna teks</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>color</span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>3</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_text_direction.asp">direction</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   arah teks</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>ltr<br />
rtl</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_dim_line-height.asp">line-height</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   jarak antar garis</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
<em>number</em><em><br />
<em>length</em><br />
<em>%</em></em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_text_letter-spacing.asp">letter-spacing</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   /mengurangi spasi antar karakter</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_text_text-align.asp">text-align</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menyusun   teks dalam elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>left<br />
right<br />
center<br />
justify</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_text_text-decoration.asp">text-decoration</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   dekorasi teks</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
underline<br />
overline<br />
line-through<br />
blink</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_text_text-indent.asp">text-indent</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Indentasi   dari baris pertama dari teks dalam elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><em><span>length</span></em><em><span><br />
<em>%</em></span></em></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>text-shadow</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
<em>color</em><br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_text_text-transform.asp">text-transform</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengontrol   kata dalam elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>none<br />
capitalize<br />
uppercase<br />
lowercase</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>unicode-bidi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
embed<br />
bidi-override</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_text_white-space.asp">white-space</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Mengatur   bagaimana spasi putih dalam elemen diatur</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
pre<br />
nowrap</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_text_word-spacing.asp">word-spacing</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   atau mengurangi spasi antar kalimat</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>normal<br />
<em>length</em></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>6</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="pseudoclasses"><strong><span style="font-size:18pt;">Pseudo-classes</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%" valign="top">
<p class="MsoNormal"><strong><span>Pseudo-class</span></strong></p>
</td>
<td style="width:55%;padding:2.25pt;" width="55%" valign="top">
<p class="MsoNormal"><strong><span>Purpose</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%" valign="top">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%" valign="top">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%" valign="top">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%" valign="top">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_active.asp">:active</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   style khusus pada elemen aktif</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>8</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_focus.asp">:focus</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   style khusus pada elemen ketika elemen mempunyai fokus</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1.5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>8</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_hover.asp">:hover</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   style khusus pada elemen ketika dimouse</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>7</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_link.asp">:link</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   style khusus pada link yang belum dikunjungi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>3</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_visited.asp">:visited</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   style khusus pada link yang pernah dikunjungi</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>3</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>4</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_first-child.asp">:first-child</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   style khusus pada elemen yang merupakan anak pertama dari elemen lain</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>7</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_lang.asp">:lang</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>membolehkan   penulis memilih bahasa yang digunakan dalam elemen yang dimaksud</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>-</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>8</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><a name="pseudoel"><strong><span style="font-size:18pt;">Pseudo-elements</span></strong></a></p>
<table class="MsoNormalTable" style="width:100%;" border="1" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td style="width:25%;padding:2.25pt;" width="25%" valign="top">
<p class="MsoNormal"><strong><span>Pseudo-element</span></strong></p>
</td>
<td style="width:55%;padding:2.25pt;" width="55%" valign="top">
<p class="MsoNormal"><strong><span>Purpose</span></strong></p>
</td>
<td style="width:5%;padding:2.25pt;" width="5%" valign="top">
<p class="MsoNormal"><strong><span>IE</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%" valign="top">
<p class="MsoNormal"><strong><span>F</span></strong></p>
</td>
<td style="width:4%;padding:2.25pt;" width="4%" valign="top">
<p class="MsoNormal"><strong><span>N</span></strong></p>
</td>
<td style="width:7%;padding:2.25pt;" width="7%" valign="top">
<p class="MsoNormal"><strong><span>W3C</span></strong></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_first-letter.asp">:first-letter</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   style khusus pada kata pertama dari teks</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>8</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_first-line.asp">:first-line</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Menambah   style khusus pada baris pertama dari teks</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>8</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_before.asp">:before</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Memasukkan   isi sebelum elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1.5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>8</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
<tr>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span><a href="http://www.w3schools.com/css/pr_pseudo_after.asp">:after</a></span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>Memasukkan   isi setelah elemen</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span> </span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>1.5</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>8</span></p>
</td>
<td style="padding:2.25pt;" valign="top">
<p class="MsoNormal"><span>2</span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><span> </span></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/24/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/24/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/24/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/24/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/24/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=24&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/05/02/terjemahan-httpwwww3schoolscom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>
	</item>
		<item>
		<title>Source, Package, and Port</title>
		<link>http://satori125.wordpress.com/2008/04/25/source-package-and-port/</link>
		<comments>http://satori125.wordpress.com/2008/04/25/source-package-and-port/#comments</comments>
		<pubDate>Fri, 25 Apr 2008 11:01:32 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/?p=22</guid>
		<description><![CDATA[FreeBSD adalah sebuah sistim operasi komputer berbasiskan 4.4BSD-Lite2, sebuah versi dari UNIX yang dikembangkan oleh University of California di Berkeley. Saat ini FreeBSD dikembangkan oleh sebuah group developer dari seluruh penjuru dunia. Dalam melengkapi diri sebagai sebuah sistim operasi yang lengkap bagi penggunanya, FreeBSD memberikan dukungan sebuah koleksi metafile yang berguna untuk membantu instalasi aplikasi [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=22&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><span style="color:#0000ff;">FreeBSD</span> adalah sebuah sistim operasi komputer berbasiskan 4.4BSD-Lite2, sebuah versi dari UNIX yang dikembangkan oleh University of California di Berkeley. Saat ini FreeBSD dikembangkan oleh sebuah group developer dari seluruh penjuru dunia. Dalam melengkapi diri sebagai sebuah sistim operasi yang lengkap bagi penggunanya, FreeBSD memberikan dukungan sebuah koleksi metafile yang berguna untuk membantu instalasi aplikasi tambahan yang disebut sebagai Ports Collection serta Packages sebagai bentuk paket siap instal. FreeBSD juga memiliki cara lain untuk dapat diinstall berbagai macam aplikasi yaitu source code.<br />
<span style="display:inline;"><br />
Jika kita ingin menginstall aplikasi FreeBSD dengan source code, kita harus memiliki pengetahuan khusus dalam proses compile source code. Karena pada proses ini, kita menginstall aplikasi FreeBSD secara manual.</p>
<p>Di FreeBSD, sebuah package adalah sebuah file arsip khusus yang mengandung banyak file didalamnya (biasanya berupa file executable, manual, dan dokumentasinya) yang akan diinstal ketika Anda melakukan proses build dan instal dari sebuah port. Jika dibandingkan dengan sebuah port, proses instalasi sebuah package membutuhkan waktu yang sangat singkat, banyak diantaranya membutuhkan waktu kurang dari satu menit. Keuntungan menggunakan package dalam menginstall aplikasi di FreeBSD adalah,<br />
1. sebuah package biasanya berukuran kecil dibandingkan dengan source code.<br />
2. Instalasi package tidak melibatkan proses compile. Sangat cocok digunakan apabila Anda mempunyai mesin yang berkemampuan terbatas untuk melakukan compile, atau Anda tidak mempunyai cukup waktu untuk melakukan keseluruhan proses build yang biasanya memakan waktu relatif lama.<br />
3. Anda tidak perlu memiliki pengetahuan khusus dalam proses compile source code untuk menginstal aplikasi lewat package.</p>
<p>FreeBSD menggunakan istilah ports, mendeskripsikan sejumlah file tambahan untuk mengadaptasikan sebuah paket aplikasi agar dapat diinstal pada sistim operasi FreeBSD. Ports tidak menyertakan source code, namun setiap port akan mendownload source code yang dibutuhkan untuk proses build dan instalasi. Keuntungan menggunakan ports dalam menginstall aplikasi di FreeBSD adalah,<br />
1. Packages dibuat dengan menggunakan optimasi pada mesin yang generik, hal ini biasanya maksudkan agar packages dapat dipergunakan pada sistim yang beragam. Anda dapat melakukan tweaking pada saat menginstal aplikasi menggunakan ports, misalnya Anda ingin mengcompile aplikasi secara spesifik untuk mesin yang menggunakan prosesor Pentium atau Athlon.<br />
2. Penggunaan ports memungkinkan Anda untuk mendapatkan fitur spesifik pada aplikasi dengan memberikan kombinasi optional pada waktu build.<br />
3. Permasalahan soal lisensi seringkali menyebabkan sebuah aplikasi tidak dapat dibuat sebagai package, oleh sebab itu Anda masih dapat menginstal aplikasi tersebut dari port.<br />
4. Jika Anda termasuk pada kategori user yang tidak mempercayai penggunaan distribusi aplikasi berformat binari, Anda dapat menggunakan ports untuk menganalisa kemungkinan ditemukannya bugs pada sebuah aplikasi. Ports akan mendownload source code setiap aplikasi yang hendak diinstal.<br />
5. Anda dapat mengintegrasikan sendiri patch yang Anda buat atau didapat dari Internet ke aplikasi yang hendak diinstal menggunakan ports.</span></p>
<p>FreeBSD menyediakan sebuah bagian dari websitenya yang berisi mengenai<br />
informasi mengenai ports dan packages. Anda dapat mengunjunginya pada URL<br />
http://www.freebsd.org/ports/index.html.<br />
Pada website tersebut terdapat daftar aplikasi yang telah tersedia sebagai<br />
ports dan packages.<br />
…<br />
calife-2.8.4d<br />
A lightweight alternative to sudo<br />
Long description | Package | Sources | Main Web Site<br />
Maintained by: thomas@FreeBSD.org<br />
ccrypt-1.3<br />
A command-line utility for encrypting and decrypting<br />
files and streams<br />
Long description | Package | Sources | Main Web Site<br />
Maintained by: jim@corebsd.or.id<br />
Requires: libgnugetopt-1.2<br />
cfs-1.4.1<br />
A cryptographic file system implemented as a user-space<br />
NFS server<br />
Long description | Package | Sources<br />
Maintained by: green@FreeBSD.org<br />
…<br />
Contoh diatas adalah sebagian aplikasi yang tercantum pada website tersebut<br />
dalam kategori aplikasi security [http://www.freebsd.org/ports/security.html].<br />
Anda juga dapat melihat deskripsi dari setiap aplikasi serta mendownload<br />
packages yang telah tersedia.<br />
Setiap package didistribusikan dalam format .tgz, dan Anda dapat menemukan<br />
keseluruhan packages pada website FreeBSD Ports [02].</p>
<p>develbox:˜ # ftp ftp://ftp.FreeBSD.org/pub/FreeBSD/ports/packages/<br />
Trying 204.152.184.73…<br />
Connected to ftp.FreeBSD.org.<br />
220 freebsd.isc.org FTP server ready.<br />
331 Guest login ok, send your complete e-mail address as password.<br />
230-The response ’negative@’ is not valid<br />
230-Next time please use your e-mail address as your password<br />
230- for example: joe@develbox.bhc.or.id<br />
230-<br />
230-You have reached freebsd.isc.org/ftp.freebsd.org.<br />
230-<br />
230-&lt;insert some funky ASCII art here&gt;<br />
230-<br />
230-This server is operated by Internet Software Consortium (ISC),<br />
230-on behalf of the FreeBSD Project, and is serving the full<br />
230-FreeBSD FTP archive via IPv4 and IPv6.<br />
230-<br />
230 Guest login ok, access restrictions apply.<br />
Remote system type is UNIX.<br />
Using binary mode to transfer files.<br />
200 Type set to I.<br />
250 CWD command successful.<br />
ftp&gt; cd security<br />
250 CWD command successful.<br />
ftp&gt; ls kripp*<br />
150 Opening ASCII mode data connection for directory listing.<br />
lrwxr-xr-x 1 110 root 20 Jun 8 16:48 kripp-0.5.tgz -&gt;<br />
../All/kripp-0.5.tgz<br />
226 Transfer complete.<br />
ftp&gt; get kripp-0.5.tgz<br />
local: kripp-0.5.tgz remote: kripp-0.5.tgz<br />
150 Opening BINARY mode data connection for kripp-0.5.tgz (5287 bytes).<br />
100% |**************************************************| 5287 00:00 ETA<br />
226 Transfer complete.<br />
5287 bytes received in 2.25 seconds (2.30 KB/s)<br />
ftp&gt; quit<br />
221-You have transferred 5287 bytes in 1 files.<br />
221-Total traffic for this session was 6718 bytes in 1 transfers.<br />
221-Thank you for using the FTP service on freebsd.isc.org.<br />
221 Goodbye.<br />
develbox:˜ # ls -l kripp-0.5.tgz<br />
-rw-r–r– 1 root negative 5287 Jun 8 08:56 kripp-0.5.tgz<br />
develbox:˜ # pkg_add kripp-0.5.tgz<br />
develbox:˜ # pkg_info -Ix kripp<br />
kripp-0.5 Lightweight network password sniffer</p>
<p>Diatas adalah contoh instalasi menggunakan package dengan mendownload<br />
package kripp terlebih dahulu dari ftpsite FreeBSD.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/22/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/22/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/22/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/22/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/22/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=22&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/04/25/source-package-and-port/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>
	</item>
		<item>
		<title>APRS (Automatic Packet Reporting System)</title>
		<link>http://satori125.wordpress.com/2008/04/16/aprs-automatic-packet-reporting-system/</link>
		<comments>http://satori125.wordpress.com/2008/04/16/aprs-automatic-packet-reporting-system/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 12:53:16 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/?p=19</guid>
		<description><![CDATA[APRS (Automatic Packet Reporting System) adalah radio amatir yang merupakan sistem dasar dari komunikasi digital dan informasi secara cepat dalam suatu area secara real-time. APRS merupakan teknologi semacam GPS (Global Positioning System), yaitu teknologi yang memetakan secara visual suatu daerah melalui satelit. Tetapi, berbeda halnya dengan GPS, APRS ini dibuat oleh individual atau kelompok atau [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=19&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>APRS (Automatic Packet Reporting System) adalah radio amatir yang merupakan sistem dasar dari komunikasi digital dan informasi secara cepat dalam suatu area secara real-time. APRS merupakan teknologi semacam GPS (Global Positioning System), yaitu teknologi yang memetakan secara visual suatu daerah melalui satelit. Tetapi, berbeda halnya dengan GPS, APRS ini dibuat oleh individual atau kelompok atau institusi dan lebih khususnya diperuntukkan bagi kalangan sendiri, tapi tidak menutup kemungkinan bagi orang lain untuk melihat dari visualisasi APRS ini. Setiap orang dapat meletakkan apa saja, baik berupa informasi atau apapun di objek (yang umumnya berupa peta) yang dibuatnya. APRS dikembangkan oleh Bob Bruninga yang merupakan insinyur riset senior di Akademi Naval Amerika Serikat. APRS ini ditemukan oleh Bob Bruninga sekitar tahun 1980-an, tetapi APRS ini pada awal penemuannya belum dinamai APRS tetapi callsign WB4APR. Setelah GPS mulai merajalela, nama WB4APR pun diubah menjadi APRS (Automatic Packet Reporting System).</p>
<p>APRS merupakan protokol komunikasi yang secara real-time diperuntukkan bagi pertukaran data dalam jumlah besar. APRS merupakan penyampaian data dalam jaringan secara multi-user, tetapi terdapat perbedaan antara APRS dengan radio paket konvensional, APRS ini hanya mengenal 4 tipe paket yaitu Posisi/Objek, Status, Pesan, dan Antrian. APRS biasanya diaplikasikan dalam hal-hal sbb:</p>
<p>1. Penentuan lokasi stasiun tetap/bergerak<br />
2. Pengiriman data (telemetri)<br />
3. Pengiriman berita singkat<br />
4. Pantauan Cuaca</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/19/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/19/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/19/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/19/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/19/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/19/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/19/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/19/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=19&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/04/16/aprs-automatic-packet-reporting-system/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>
	</item>
		<item>
		<title>Apa itu eQSO..</title>
		<link>http://satori125.wordpress.com/2008/04/16/apa-itu-eqso/</link>
		<comments>http://satori125.wordpress.com/2008/04/16/apa-itu-eqso/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 11:57:27 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/?p=18</guid>
		<description><![CDATA[eQSO adalah layanan Voice over Internet Protocol (VoIP) yang dikembangkan untuk amatir radio. Ini memungkinkan amatir radio untuk saling terhubung tidak hanya menggunakan media udara, tetapi juga melalui Internet. Ini membuka peluang amatir radio dapat menikmati kebebasan berkomunikasi antara amatir radio lainnya melalui frekuensi radio, melalui Internet atau campuran keduanya.
Di indonesia uji pertama kali on-air [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=18&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>eQSO adalah layanan Voice over Internet Protocol (VoIP) yang dikembangkan untuk amatir radio. Ini memungkinkan amatir radio untuk saling terhubung tidak hanya menggunakan media udara, tetapi juga melalui Internet. Ini membuka peluang amatir radio dapat menikmati kebebasan berkomunikasi antara amatir radio lainnya melalui frekuensi radio, melalui Internet atau campuran keduanya.</p>
<p>Di indonesia uji pertama kali on-air eQSO di lakukan pada tanggal 29 Oktober 2002 dengan menghubungkan repeater YB0ZZ Jakarta pada frekuensi 438.080 MHz ke beberapa gateway pribadi di beberapa propinsi di Indonesia. Hasilnya luar biasa, rekan-rekan Amatir Radio di Indonesia dapat berkomunikasi satu dengan lainnya dalam jarak ribuan kilometer hanya bermodalkan handy talkie 2 meter-an.</p>
<p>Sejarah<br />
Luasnya wilayah Indonesia serta tidak terhubungnya repeater-repeater amatir radio membuat YB0KLI dan rekan amatir radio di maillist orari-news@yahoogroups.com menggagas ide VoIP untuk me-link repeater di seluruh Indonesia. Diskusi pertama muncul pada tanggal 25 Juli 2002. Pada tanggal 12 Agustus 2002 hal yang diidamkan akhirnya menjadi kenyataan; rekan-rekan di maillist ORARI News merasakan betapa nikmatnya berQSO dengan rekan amatir radio lainnya menggunakan sarana Internet. Saat itu server yang dipakai adalah server backup eQSO di alamat repeater.dns2go.com room Indonesia. Sistemnya disebut “Repeater Phone Internasional“.</p>
<p>Tanggal 29 Oktober 2002, ujicoba dilanjutkan secara on-air dengan menghubungkannya ke repeater YB0ZZ di Jakarta pada frekuensi 438.080 MHz dan juga beberapa gateway pribadi di beberapa propinsi. Hasilnya luar biasa… Komunikasi berjalan mulus, tak terasa lawan bicara ribuan kilometer jauhnya… Beberapa kontak bahkan terjadi secara lintas negara. Memang ada delay yang cukup mengganggu karena lokasi server yang jauh di belahan dunia lain. Beberapa waktu kemudian, server pindah ke alamat server.eqso.net room Indonesia. eQSO RF Gateway disediakan oleh YB0EO dan backup tersedia di QTH YB0HD. Tanggal 2 Juni 2003, server kena petir namun masih bisa dipugar dalam beberapa hari, namun 10 Pebruari 2004 layanan ini benar-benar padam karena PSU server jebol kena petir dan kendala sumberdaya lainnya termasuk mahalnya link Internet yang harus disubsidi selama 1,5 tahun, proyek ini akhirnya mati suri.</p>
<p>Setelah mati suri dan tidak puas dengan delay yang terlalu lama, akhirnya tanggal 1 Maret 2005 rekan-rekan kembali dapat menikmati eQSO. Ini kali kita membangun infrastruktur yang lebih “Indonesiawi” dengan server yang diletakkan di QTH YB0EO dan diakses melalui IP 202.155.147.155. Tanggal 3 Maret 2005, sistem ini dapat pula diakses dari jaringan WiFi ORARI dengan SSID “WiFi ORARI” atas bantuan dari YB0HD yang diletakkan di gedung BNI46, Jakarta. Tidak hanya itu, tanggal 7 Maret 2005, YD9ANL menyediakan backup server di IP 202.152.53.26 dan 202.162.208.213. Semua entry alamat IP digilir DNS menggunakan teknik round-robin yang memungkinkan sistem diakses dengan alamat tunggal server.aeroCity.net — bila satu server mati akan digantikan oleh server berikutnya. eQSO RF Gateway yang turut berpartisipasi adalah YD1SRP, YD0NPZ, YB0HD, YC1ZAC, YC5PDT, YB3CC dan YC3RCJ. Sistem ini tidak bertahan lama, domain aeroCity.net yang sedianya adalah nama layanan packet radio besutan YB0KLI harus kalah ditelan tingginya biaya maintenance; sistem ini hanya bertahan sampai 13 Pebruari 2006… -_-&#8221;</p>
<p>Tanggapan Organisasi<br />
Saat ini, ORARI membuka diri terhadap eQSO. Gebrakan dimulai oleh amatir radio di Makassar dengan berdirinya Club Station yang khusus mengembangkan dunia digital di amatir radio. Callsign YB8ZD akhirnya terbit, dimotori oleh YB8EW dan kawan-kawan [baca situs webnya]. YB8ZD lahir tanggal 17 April 2007 dengan IAR yang diterbitkan oleh Dinas Perhubungan Sulawesi Selatan. Rakerda ORDA Sulawesi Selatan tanggal 12 Agustus 2007 telah menyiratkan pentingnya amatir radio mengikuti perkembangan teknologi.</p>
<p>YC1LZ melalui lobi yang intensif dengan pengurus ORDA Jawa Barat akhirnya menanyakan hal ini secara resmi ke ORPUS mengenai kegiatan eQSO. Melalui surat nomor B-171/OP/KU/2007 tanggal 10 September 2007 –tepat 1 hari sebelum diselenggarakannya eQSO Ramadhan net 2007– ORPUS menilai bahwa:</p>
<p>1. eQSO adalah pengembangan komunikasi digital yang digeluti amatir radio seluruh dunia termasuk Indonesia<br />
2. Perlu adanya pemahaman yang jelas tentang pemaduan jaringan Internet dengan jaringan amatir radio sehingga tidak melanggar KM-49 Tahun 2002 tentang kegiatan amatir radio<br />
3. Dengan akan diterbitkannya PP-38 Tahun 2007, ORARI dan Ditjen Postel sedang membahas hal-hal yang berkaitan dengan eQSO<br />
4. eQSO dianggap sebagai kegiatan eksperimen amatir radio yang perlu mendapat pengawasan dan dikendalikan oleh ORARI Daerah.</p>
<p>Kondisi Terkini<br />
Layanan dan situs eQSO Indonesia 2007 pada alamat eqso.orari.net di-hosting di salah satu server YB0EO. Dengan memori 2 GB, harddisk 200 GB serta koneksi gigabit Ethernet langsung ke port Indonesia Internet Exchange (IIX) berbandwidth 10 Mbps, layanan eQSO Indonesia 2007 dapat diakses oleh ribuan pemakai di Indonesia tanpa hambatan. Administrasi server dikelola oleh YB0KLI dan administrasi eQSO RF Gateway dikelola bersama oleh YD1SRP, YC1LZ dan YB8EW.</p>
<p>Pada tanggal 1 Nopember 2007, domain orari.net kadaluarsa dan proses pembaruannya menemui kesulitan teknis; ini menyebabkan layanan eQSO Indonesia 2007 terganggu karena pengguna tidak dapat menggunakan subdomain tersebut, harus menggunakan alamat IP langsung. Onno W. Purbo, YC0MLC, Litbang ORPUS membantu menyiapkan subdomain eqso.orari.or.id dan akhirnya subdomain ini hidup tanggal 9 Nopember 2007.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/18/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/18/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/18/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/18/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/18/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=18&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/04/16/apa-itu-eqso/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>
	</item>
		<item>
		<title>Apache Web Server</title>
		<link>http://satori125.wordpress.com/2008/04/04/apache-web-server/</link>
		<comments>http://satori125.wordpress.com/2008/04/04/apache-web-server/#comments</comments>
		<pubDate>Fri, 04 Apr 2008 09:21:36 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/2008/04/04/apache-web-server/</guid>
		<description><![CDATA[Apache Web Server adalah software open source untuk HTTP web server yang dijalankan di platform sistem Unix-like seperti BSD, Linux, dan UNIX, Microsoft Windows dan lainnya. Apache dikembangkan dan dipelihara oleh komunitas terbuka yang bergabung dengan Apache Software Foundation.
Mulanya, Apache sekedar open source alternative untuk Netscape web server (kini dikenal sebagai Sun ONE). Kemudian ia [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=17&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Apache Web Server adalah software open source untuk HTTP web server yang dijalankan di platform sistem Unix-like seperti BSD, Linux, dan UNIX, Microsoft Windows dan lainnya. Apache dikembangkan dan dipelihara oleh komunitas terbuka yang bergabung dengan Apache Software Foundation.<br />
Mulanya, Apache sekedar open source alternative untuk Netscape web server (kini dikenal sebagai Sun ONE). Kemudian ia berkembang dengan pesat melampaui semua jenis Unix based HTTP server lainnya baik dalam hal fungsionalitas maupun kecepatan. Apache adalah HTTP server paling popular di Internet sejak April 1996 dan menguasai 57% pangsa pada bulan Mei 1999. Pada bulan Agustus 2004 telah tercatat peningkatan menjadi 67%.</p>
<p>Apache piawai memiliki fitur &#8216;highly configurable error messages, DBMS-based authentication databases, and content negotiation&#8217;. Didukung beberapa GUIs memudahkan konfigurasi dan lebih intuitif. Apache medukung fitur yang diimplementasikan sebagai modul ter-kompilasi mulai dari server-side programming language support sampai dengan authentication schemes. Sejumlah bahasa pemrograman yang lazim seperti Perl, Python, dan PHP didukung sepenuhnya.<br />
Apache umumnya digunakan dalam satu paket popular LAMP (Linux Apache MySQL dan PHP/Perl/Python). Selain itu Apache juga dikemas bersama paket proprietari seperti Oracle database atau IBM WebSphere application server. Secara tak langsung juga didukung Borland dengan Kylix dan Delphi development tools.<br />
Awalnya, Apache merupakan perangkat lunak sumber terbuka yang menjadi alternatif dari server web Netscape. Sejak April 1996, Apache menjadi web server paling popular diinternet.<br />
Asal mula nama Apache berasal ketika sebuah server web populer yang dikembangkan pada awal 1995. yang bernama NCSA HTTPd 1.3 memiliki sejumlah perubahan besar terhadap kode sumbernya. Saking banyaknya patch pada perangkat lunak tersebut sehingga disebut sebuah server yang memiliki banyak patch (&#8220;a patchy&#8221; server). Tetapi pada halaman FAQ situs web resminya, disebutkan bahwa &#8220;Apache&#8221; dipilih untuk menghormati suku asli Indian Amerika Apache, yang dikenal karena keahlian dan strategi perangnya. Versi 2 dari Apache ditulis dari awal tanpa mengandung kode sumber dari NCSA.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/17/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/17/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/17/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=17&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/04/04/apache-web-server/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>
	</item>
		<item>
		<title>Radio Wireless</title>
		<link>http://satori125.wordpress.com/2008/04/04/radio-wireless/</link>
		<comments>http://satori125.wordpress.com/2008/04/04/radio-wireless/#comments</comments>
		<pubDate>Fri, 04 Apr 2008 09:17:33 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/2008/04/04/radio-wireless/</guid>
		<description><![CDATA[Radio wireless adalah koneksi tanpa kabel seperti handphone dengan mempergunakan teknologi radio sehingga pemakainya dapat mentransfer data dengan cepat dan aman. Radio wireless merupakan Wi-Fi (Wireless Fidelity). Wi-Fi tidak hanya dapat digunakan untuk mengakses internet, Wi-Fi juga dapat digunakan untuk membuat jaringan tanpa kabel di perusahaan. Karena itu banyak orang mengasosiasikan Wi-Fi dengan “Kebebasan” karena [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=16&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Radio wireless adalah koneksi tanpa kabel seperti handphone dengan mempergunakan teknologi radio sehingga pemakainya dapat mentransfer data dengan cepat dan aman. Radio wireless merupakan Wi-Fi (Wireless Fidelity). Wi-Fi tidak hanya dapat digunakan untuk mengakses internet, Wi-Fi juga dapat digunakan untuk membuat jaringan tanpa kabel di perusahaan. Karena itu banyak orang mengasosiasikan Wi-Fi dengan “Kebebasan” karena teknologi Wi-Fi memberikan kebebasan kepada pemakainya untuk mengakses internet atau mentransfer data dari ruang meeting, kamar hotel, kampus, dan café-café yang bertanda “Wi-Fi Hot Spot”. Juga salah satu kelebihan dari Wi-Fi adalah kepraktisan,tidak perlu repot memasang kabel network. Untuk masalah kecepatan tergantung sinyal yang diperoleh.</p>
<p>Wi-Fi hanya dapat di akses dengan peralatan Wi-Fi certified Radio seperti komputer, <a href="http://id.wikipedia.org/wiki/Laptop" class="mw-redirect" title="Laptop">laptop</a>, <a href="http://id.wikipedia.org/wiki/PDA" class="mw-redirect" title="PDA">PDA</a> atau Cellphone. Untuk Laptop versi terbaru keluaran tahun 2007, sudah terdapat wifi on board. Bila belum tersedia pemakai dapat menginstall Wi-Fi PC Cards yang berbentuk kartu di <a href="http://id.wikipedia.org/w/index.php?title=PCMCIA&amp;action=edit&amp;redlink=1" class="new" title="PCMCIA (belum dibuat)">PCMCIA</a> Slot yang terdapat di laptop atau Wifi USB .</p>
<p>Untuk PDA, pemakai dapat menginstall Compact Flash format Wi-Fi radio di slot yang telah tersedia. Bagi pengguna yang komputer atau PDA &#8211; nya menggunakan Windows XP, hanya dengan memasangkan kartu ke slot yang tersedia, Windows XP akan dengan sendirinya mendeteksi area disekitar Anda dan mencari jaringan Wi-Fi yang terdekat dengan Anda. Amatlah mudah menemukan tanda apakah peranti tersebut memiliki fasilitas Wi-Fi, yaitu dengan mencermati logo Wi-Fi CERTIFIED pada kemasannya. Meskipun Wi-Fi hanya dapat diakses ditempat yang bertandakan “Wi-Fi Hotspot”, jumlah tempat-tempat umum yang menawarkan “Wi Fi Hotspot” meningkat secara drastis. Hal ini disebabkan karena dengan dijadikannya tempat mereka sebagai “Wi-Fi Hotspot” berarti pelanggan mereka dapat mengakses internet yang artinya memberikan nilai tambah bagi para pelanggan. Layanan Wi-Fi yang ditawarkan oleh masing-masing “Hots Spot” pun beragam, ada yang menawarkan akses secara gratis seperti halnya di executive lounge Bandara, ada yang mengharuskan pemakainya untuk menjadi pelanggan salah satu ISP yang menawarkan fasilitas Wi-Fi dan ada juga yang menawarkan kartu pra-bayar. Apapun pilihan Anda untuk cara mengakses Wi-Fi, yang terpenting adalah dengan adanya Wi-Fi, Anda dapat bekerja dimana saja dan kapan saja hingga Anda tidak perlu harus selalu terkurung di ruang kerja Anda untuk menyelesaikan setiap pekerjaan.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/16/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/16/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/16/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/16/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/16/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=16&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/04/04/radio-wireless/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>
	</item>
		<item>
		<title>Sejarah Radio Wireless</title>
		<link>http://satori125.wordpress.com/2008/04/04/sejarah-radio-wireless/</link>
		<comments>http://satori125.wordpress.com/2008/04/04/sejarah-radio-wireless/#comments</comments>
		<pubDate>Fri, 04 Apr 2008 08:56:20 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/2008/04/04/sejarah-radio-wireless/</guid>
		<description><![CDATA[Kegiatan Amatir radio merupakan kegiatan orang-orang yang mempunyai hoby dalam bidang tehnik transmisi radio dan elektronika, kegiatan ini sudah ada sejak teknik transmisi radio ditemukan dan karena kegiatan ini menggunakan disamping peralatan juga media spektrum gelombang elektro magnetik yang menyangkut kepentingan kehidupan manusia dalam alam semesta ini maka, kegiatan ini disahkan, diatur dan diawasi secara [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=15&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Kegiatan Amatir radio merupakan kegiatan orang-orang yang mempunyai hoby dalam bidang tehnik transmisi radio dan elektronika, kegiatan ini sudah ada sejak teknik transmisi radio ditemukan dan karena kegiatan ini menggunakan disamping peralatan juga media spektrum gelombang elektro magnetik yang menyangkut kepentingan kehidupan manusia dalam alam semesta ini maka, kegiatan ini disahkan, diatur dan diawasi secara global baik oleh Badan2 telekomunikasi international ITU &amp; IARU maupun oleh badan telekomunikasi nasional disetiap negara.Terbentuknya Organisasi Radio Amatir Republik Indonesia Nara Sumber: RAJ Lumenta, Engkus, Herry Sembel, Hasan Koesoema Ardiwinata, MI Khadja, Willy A. Karamoy,</p>
<p>Terbentuknya orari boleh dikata berawal di Jakarta dan Jawa Barat atau pulau Jawa pada umumnya dan diprakarsai oleh kegiatan aksi mahasiwa , pelajar dan kaum muda, diawal tahun 1965 sekelompok mahasiwa publistik yang tergabung dalam wadah KAMI membentuk radio siaran perjuangan bernama Radio Ampera, mulai saat itu juga bermunculanlah radio siaran lainya seperti Radio Fakultas Tehnik UI, Radio Angkatan Muda, Kayu Manis, Draba dll. Sudah tentu semua radio siaran itu merupakan siaran yang tak memiliki izin alias Radio gelap. Sadar karena semakin banyaknya radio siaran bermunculan yang memerlukan suatu koordinasi demi tercapainya perjuangan ORBA maka dibentuklah pada tahun 1966 oleh para mahasiwa suatu wadah yang diberi nama PARD (Persatuan Radio Amatir Djakarta) diantaranya terdapat nama-nama koordinatornya seperti Willy A Karamoy. Ismet Hadad, Rusdi Saleh ……dll. Dan di Bandung terbentuk PARB. Bagi anggota yang hanya berminat dalam bidang teknik wajib menempuh ujian tehnik dan bagi kelompok radio siaran disamping perlu adanya tehnisi yang telah di uji juga wajib menempuh ujian tehnik siaran dan publisistik. Setelah itu kesemuanya diberi callsign menggunakan prefix X, kode area 1 s/d 11 dan suffix 2 huruf sedangkan huruf suffix pertamanya mengidentifikasikan tingkat keterampilannya A s/d F seperti X6AM, X11CB dsb sedangkan untuk radio siaran diberi suffix 3 huruf.Pada mulanya PARD merupakan wadah bagi para amatir radio dan sekaligus radio siaran . Sehingga pada saat itu secara salah masyarakat mengidentikan Radio amatir sebagai radio siaran non RRI. Karena adanya Tingkatan keterampilan, PARD saat itu juga menyelenggarakan ujian kenaikan tingkat.<br />
Disamping itu terdapat juga para Amatir era 1945-1952 yang tergabung dalam PARI (Persatoean Amatir Repoeblik Indonesia 1950), diantaranya terdapat nama &#8211; nama , Soehodo</p>
<p>Sumber: id.wikipedia.com/Sejarah radio amatir</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/15/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/15/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=15&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/04/04/sejarah-radio-wireless/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>
	</item>
		<item>
		<title>Proses pengiriman data ke internet</title>
		<link>http://satori125.wordpress.com/2008/03/28/proses-pengiriman-data-ke-internet/</link>
		<comments>http://satori125.wordpress.com/2008/03/28/proses-pengiriman-data-ke-internet/#comments</comments>
		<pubDate>Fri, 28 Mar 2008 17:02:27 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/2008/03/28/proses-pengiriman-data-ke-internet/</guid>
		<description><![CDATA[Proses pengiriman data ke internet
1.	Pertama kali data yang kita kirimkan akan diberi package oleh IP sebagai address untuk proxy server.
2.	Kemudian data akan masuk ke LAN. LAN sebagai penghubung ke router semua komputer.
3.	Dari LAN, data akan masuk ke local router. Local router akan membaca address.
4.	Data akan masuk ke network yang lain.
5.	Data meninggalkan router menuju router switch.
6.	Router [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=14&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Proses pengiriman data ke internet<br />
1.	Pertama kali data yang kita kirimkan akan diberi package oleh IP sebagai address untuk proxy server.<br />
2.	Kemudian data akan masuk ke LAN. LAN sebagai penghubung ke router semua komputer.<br />
3.	Dari LAN, data akan masuk ke local router. Local router akan membaca address.<br />
4.	Data akan masuk ke network yang lain.<br />
5.	Data meninggalkan router menuju router switch.<br />
6.	Router switch meneruskan data ke network interface tujuan.<br />
7.	Data akan masuk  ke naext level. Disini terdapat proxy security.<br />
8.	Proxy membaca address dan sekaligus menyaring data yang masuk.<br />
9.	Selanjutnya proses memasuki firewall, disini data disaring dan data yang bersifat rahasia dijaga. Keluar dari firewall, router menempatkan data ke bandwith dan meneruskannya ke spider network  (dunia internet secara global yang sesungguhnya).<br />
10.	Disini router dan switch akan saling berhubungan diantara network.<br />
11.	Selanjutnya data akan sampai ke address yang dituju dan masuk firewall lagi. Firewall beroprasi pada 2 port, port 25 untuk mail pack dan port 80 untuk pack dari internet ke web server.<br />
12.	Masuk port 80 data diteruskan  ke web server dan informasi terkirim ke web server.<br />
13.	Respon dari webserver akan dikirim kepada kita seperti ketika kita mengirim kembali data ke webserver.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/14/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/14/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/14/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=14&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/03/28/proses-pengiriman-data-ke-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>
	</item>
		<item>
		<title>WWW 10 tahun yang akan datang!!</title>
		<link>http://satori125.wordpress.com/2008/03/28/www-10-tahun-yang-akan-datang/</link>
		<comments>http://satori125.wordpress.com/2008/03/28/www-10-tahun-yang-akan-datang/#comments</comments>
		<pubDate>Fri, 28 Mar 2008 10:46:35 +0000</pubDate>
		<dc:creator>satori125</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://satori125.wordpress.com/2008/03/28/www-10-tahun-yang-akan-datang/</guid>
		<description><![CDATA[Kemungkinan WWW 10 tahun yang akan datang : 

Masa depan internet akan menjadi milik pengguna telepon seluler bukan pengguna komputer. Populasi pengguna internet telah meningkat secara drastis, dari 50 juta orang pada tahun 1997 hingga 1,1 Miliar orang, tetapi jumlah ini hanyalah seperenam dari keseluruhan populasi dunia. Satu-satunya cara untuk meraih 5,5 miliar orang lainnya di [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=13&subd=satori125&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><b><span style="font-size:14pt;font-family:Algerian;">Kemungkinan WWW 10 tahun yang akan datang :</span></b><font face="Times New Roman"> </font></p>
<ol type="1" style="margin-top:0;">
<li class="MsoNormal"><b><span style="font-size:14pt;"><a target="_blank" href="http://arstechnica.com/news.ars/post/20070220-8885.html"><span style="color:windowtext;"><font face="Times New Roman">Masa depan internet akan menjadi milik pengguna telepon seluler bukan pengguna komputer</font></span></a></span></b><span><font face="Times New Roman">. Populasi pengguna internet telah meningkat secara drastis, dari 50 juta orang pada tahun 1997 hingga 1,1 Miliar orang, tetapi jumlah ini hanyalah seperenam dari keseluruhan populasi dunia. Satu-satunya cara untuk meraih 5,5 miliar orang lainnya di planet ini adalah dengan cara membuat akses internet lebih terjangkau. Akses internet melalui telepon seluler telah mendapatkan momentum yang cukup baik dan meningkat di negara berkembang. Dengan demikian, akses internet secara mobile dapat menjadi kunci untuk meraih sebagian besar populasi di negara berkembang untuk mengakses internet, karena perbedaan harga yang cukup terasa antara telepon seluler dengan komputer. Opera telah bekerja keras untuk mewujudkan hal ini. Opera telah membuat telepon seluler untuk dapat mengakses web secara penuh di layar mungil telepon seluler, bukan hanya halaman WAP yang dibuat khusus untuk telepon seluler.</font></span></li>
</ol>
<p><span><font face="Times New Roman"> </font></span><span><font face="Times New Roman"> </font></span></p>
<p style="margin-left:36pt;text-indent:-18pt;text-align:justify;"><font face="Times New Roman"><span>2.<span style="font:7pt 'Times New Roman';">      </span></span><b><span style="font-size:14pt;"><a target="_blank" href="http://dontmissit.wordpress.com/2007/07/07/2007-konten-video-mendominasi-internet-masa-depan/"><span style="color:windowtext;text-decoration:none;">Konten Video Mendominasi Internet Masa Depan</span></a></span></b><span>. </span><em><span style="font-style:normal;">Konten Internet diawali dengan informasi berbasis teks. Lalu informasi berbasis teks tidak lengkap jika tanpa gambar. Teks dan gambar akhirnya dilengkapi dengan suara. Ketiganya kini kurang lengkap tanpa gambar bergerak atau video. Video pun kini tidak cukup jika hanya arsip rekaman dalam pola on demand. Video online real time dalam pola streaming saat ini juga makin menjadi tuntutan publik di Internet. Jaringan Internet pita lebar (broadband), produk chip elektronik dan media penyimpan (storage) yang makin murah adalah faktor yang memperkaya berbagai jenis aplikasi di Internet. </span></em>Semakin massal dan personalnya alat-alat digital IP (Internet Protocol) juga berdampak pada pertumbuhan industri konten. Daya atraktif secara multimedia akhirnya juga dijadikan jurus untuk menarik perhatian publik agar singgah dan betah di sebuah situs. Dengan makin menyebarnya jaringan pita lebar sampai ke rumah-rumah dan peralatan komunikasi genggam bergerak, masa depan aplikasi Internet memang didominasi oleh video. Pemicunya adalah karena berbagai alat perekam video genggam yang ringkas membuat semua orang dapat membuat konten video. Kehadiran berbagai situs video blog dan video <em>podcast</em> sebagai lanjutan dari weblog (blog) memperkuat arena video di Internet ini.Di sisi peralatan makin derasnya konten video Internet melahirkan banyak inovasi dengan lahirnya berbagai perangkat yang makin memanjakan pengguna lewat satu alat dengan banyak fungsi. Slingbox keluaran Slingmedia.com menyatukan penerima televisi dan satelit, DVR dan komunikasi Internet pita lebar yang dikendalikan oleh perangkat lunak dari komputer pribadi.Dunia video di Internet saat ini diramaikan pula dengan bisnis konten agregator yang mengundang publik secara gratis untuk dapat menyimpan dan berbagi file videonya.</font></p>
<p><font face="Times New Roman"> </font></p>
<p style="margin-left:36pt;text-indent:-18pt;text-align:justify;"><font face="Times New Roman"><span>3.<span style="font:7pt 'Times New Roman';">      </span></span><strong>ADSL</strong>, singkatan dari Asymmetric Digital Subscriber Line, jenis teknologi akses internet yang memudahkan data untuk dikirim melalui kabel tembaga saluran telepon. ADSL dapat mensupport pengiriman data dari 1,5 sampai 9 Mbps saat menerima data atau lebih dikenal dengan downstream rate dan dari 16 sampai 640 Kbps saat mengirim data atau lebih dikenal dengan upstream rate. ADSL membutuhkan <strong>modem khusus ADSL</strong>. ADSL sangat populer dewasa ini di hampir seluruh belahan dunia yang juga lebih dikenal sebagai jenis dari teknologi <strong>Internet Broadband. </strong>Teknologi <strong>DSL</strong> sendiri menggunakan skema modulasi yang cukup rumit untuk memasukkan data ke dalam kabel tembaga. Sering dikenal dengan sebutan last-mile technology karena teknologi ini hanya digunakan untuk koneksi dari STO (Sentral Telepon Otomat) ke perumahan dan perkantoran, bukan di antara sentral-sentral telepon.</font></p>
<p><font face="Times New Roman"> </font></p>
<ol start="4" type="1" style="margin-top:0;">
<li class="MsoNormal"><font face="Times New Roman"><b><span style="font-size:14pt;">Terjadi ledakan pertumbuhan bandwidth</span></b> akan hadir berbagai kebutuhan akan ketersediaan broadband application yang lebih revolusioner seperti IP, video, data, dan multimedia service lainya. Untuk memprovide bandwith yang tinggi dan fleksibilitas kecepatan akses data, yang dahulunya data selalu melewati Asia Utara, AAG akan memprovide direct link antara U.S. dan beberapa negara Asia hanya dengan melalui single cable.</font></li>
</ol>
<p><font face="Times New Roman"> </font><font face="Times New Roman"> </font><font face="Times New Roman"> </font><font face="Times New Roman"> </font><font face="Times New Roman"> </font></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/satori125.wordpress.com/13/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/satori125.wordpress.com/13/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/satori125.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/satori125.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/satori125.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/satori125.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/satori125.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/satori125.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/satori125.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/satori125.wordpress.com/13/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/satori125.wordpress.com/13/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/satori125.wordpress.com/13/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=satori125.wordpress.com&blog=3052089&post=13&subd=satori125&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://satori125.wordpress.com/2008/03/28/www-10-tahun-yang-akan-datang/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/d302e98101431638e0159d416179ed5c?s=96&#38;d=identicon" medium="image">
			<media:title type="html">satori125</media:title>
		</media:content>
	</item>
	</channel>
</rss>