<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0"><channel><title>Wahyu</title><description></description><managingEditor>noreply@blogger.com (wahyu)</managingEditor><pubDate>Thu, 29 Aug 2024 02:50:22 -0700</pubDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">5</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">25</openSearch:itemsPerPage><link>http://bayufarabi26.blogspot.com/</link><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle/><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><title>Api dengan XML, PHP dan Mysql</title><link>http://bayufarabi26.blogspot.com/2014/05/api-dengan-xml-php-dan-mysql.html</link><author>noreply@blogger.com (wahyu)</author><pubDate>Tue, 13 May 2014 05:56:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5944064804122183727.post-2708614518504044796</guid><description>XML merupakan bahasa markup yang digunakan untuk membawa dan menyimpan data.&lt;br /&gt;
PHP merupakan bahasa skrip yang dapat ditanamkan atau disisipkan kedalam HTML. PHP banyak digunakan dalam memprogram situs web. Mysql adalah sebuah server database open source yang terkenal yang digunakan berbagai aplikasi terutama untuk server atau membuat WEB. Mysql berfungsi sebagai SQL (Structured Query Language) yang dimiliki sendiri dan sudah diperluas oleh Mysql umumnya digunakan bersamaan dengan PHP untuk membuat aplikasi server yang dinamis dan powerfull .&lt;br /&gt;
&lt;br /&gt;
Download Toritorial &lt;a href="http://www.4shared.com/file/hDylPGMcce/Tutorial_membangun_Api_dengan_.html"&gt;Disini&lt;/a&gt;&lt;br /&gt;
Download Sourcecode&amp;nbsp;&lt;a href="http://www.4shared.com/rar/BdqRgL-jce/Tugas_API.html"&gt;DiSini&lt;/a&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Tutorial Instal Android di Eclipse dan Seting AVD (Android Virtual Device Manager)</title><link>http://bayufarabi26.blogspot.com/2014/03/tutorial-instal-android-di-eclipse-dan.html</link><author>noreply@blogger.com (wahyu)</author><pubDate>Tue, 11 Mar 2014 06:05:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5944064804122183727.post-7972948352205728005</guid><description>Langsung saja kita mulai :&lt;br /&gt;
&lt;br /&gt;
ISTALASI ECLIPSE&lt;br /&gt;
&lt;br /&gt;
1. Pertama install JDK (Java Development Kit) Dulu.&lt;br /&gt;2. Instal enclipse terlebih dahulu misal disimpan di drive F.&lt;br /&gt;&lt;div&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQCKkDCy5Wwr4HqachsbwF3R_A8W8ofRQge8ItgogvWTg-74Yeoh1khh8-cChZU1CJBgjDz0TCeYwnfq0bhqzVO-ADKLHWJEp9x2DYIkOaPwBe5qXgv4VqOfYvs9OJqcTnLbcLVT2b_6g/s1600/eclipse+0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQCKkDCy5Wwr4HqachsbwF3R_A8W8ofRQge8ItgogvWTg-74Yeoh1khh8-cChZU1CJBgjDz0TCeYwnfq0bhqzVO-ADKLHWJEp9x2DYIkOaPwBe5qXgv4VqOfYvs9OJqcTnLbcLVT2b_6g/s1600/eclipse+0.png" height="232" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
3. Kemudian Muncul Seperti Berikut :&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEincTnLWQlgsS74FLFQOSrEMheQCqFzgODhGF__kYE8DBrvKFz5kXHgDKmjPrVyAtRntL0ReRza1GNjVihcb07ExLiuSdC-Si8Ap9J0qFtwughW7w2R4T0fbua3KA9repJtKlZ7Ny5pXfsG/s1600/ECLIPSE.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEincTnLWQlgsS74FLFQOSrEMheQCqFzgODhGF__kYE8DBrvKFz5kXHgDKmjPrVyAtRntL0ReRza1GNjVihcb07ExLiuSdC-Si8Ap9J0qFtwughW7w2R4T0fbua3KA9repJtKlZ7Ny5pXfsG/s1600/ECLIPSE.png" height="266" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
4. Kemudian tampil workspacenya, kebetulan saya menyimpannya di drive &amp;nbsp;F:\Eclipse-Android\sdk.Kemudian Klik OK&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCyUJTJLmlciLivgBGznEaqF3N5Ylz6CvYx2u0irT93l-_Q77OQFDLupqdcgoY2lzwHXv_B2g39B8frDt4DRZ2ibZp48_y-hmUoC2AfAT2ePT4KKDQfLzywpUA9WMUN6K4HyIdBwt7bxik/s1600/eclipse+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCyUJTJLmlciLivgBGznEaqF3N5Ylz6CvYx2u0irT93l-_Q77OQFDLupqdcgoY2lzwHXv_B2g39B8frDt4DRZ2ibZp48_y-hmUoC2AfAT2ePT4KKDQfLzywpUA9WMUN6K4HyIdBwt7bxik/s1600/eclipse+1.png" height="181" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
5 .&amp;nbsp;Cek instalasi SDK di Android Sdk Manager, Maka akan tampil Package Sdk Managernya:&amp;nbsp;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHYoDCRXpBkVMetlTvJS5JR8778ZLNncuV6522zQ4s60GAT4McCrR7MwsUteO_EYeBNg5o4ndrjNp4TjCrUup1DT65iDYnIAfIUkztxWmzJCTrJa1FMLuwhfDF6_hIogwuRbeBBOMqzfA1/s1600/eclip+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHYoDCRXpBkVMetlTvJS5JR8778ZLNncuV6522zQ4s60GAT4McCrR7MwsUteO_EYeBNg5o4ndrjNp4TjCrUup1DT65iDYnIAfIUkztxWmzJCTrJa1FMLuwhfDF6_hIogwuRbeBBOMqzfA1/s1600/eclip+3.png" height="233" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
6. Maka Akan Tampil Seperti Berikut :&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAayLir5m6ftVjc1VkaAccVjEn4BkIxn976Q5ws2rIen3E7Dd8_pE8Plrcs6GD-kWN8q2Pvj4dCF7jIjcIzks9rbKcNFrJnIjP8r45D1Y8F3i1p7LwxNYM8Inw-m9HFS5X-gcfWCxofUIj/s1600/eclip+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAayLir5m6ftVjc1VkaAccVjEn4BkIxn976Q5ws2rIen3E7Dd8_pE8Plrcs6GD-kWN8q2Pvj4dCF7jIjcIzks9rbKcNFrJnIjP8r45D1Y8F3i1p7LwxNYM8Inw-m9HFS5X-gcfWCxofUIj/s1600/eclip+4.png" height="285" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
7. Selesai Deh&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
SETING AVD&amp;nbsp;(Android Virtual Device Manager)&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
1. Buka Eclipse&amp;nbsp;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
2.&amp;nbsp;Klik Android Virtual Device Manager pada toolbar&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZXQFVWdQsG3x1SxhIIN0hJLvqR5-B2bDuLcddEKNEDEhKX14zN3qlDx2IQw_NJJsGx1t7mb4qYRbSTfmrr1AObGai0XgWOBvMoKqSRuof2xmnAGXvfrXZxseC4bAZ3CrZlXq8HLRHZw4/s1600/vad.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZXQFVWdQsG3x1SxhIIN0hJLvqR5-B2bDuLcddEKNEDEhKX14zN3qlDx2IQw_NJJsGx1t7mb4qYRbSTfmrr1AObGai0XgWOBvMoKqSRuof2xmnAGXvfrXZxseC4bAZ3CrZlXq8HLRHZw4/s1600/vad.png" height="233" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
3. Maka akan tampil seperti berikut :&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIzfSGEUlH-_RBsBPsYaXi07X8LJQ7o64eO3ZLj0eGIXTpYzZtoilzxQnwN7W_Kx_gEyZzO60AKtP3Xnnga9cz_RePMUvFfquSqGQjTW1L-jw9FPxH4h4u2c2BSDFSuao3wvxkxu73LtUY/s1600/vad+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIzfSGEUlH-_RBsBPsYaXi07X8LJQ7o64eO3ZLj0eGIXTpYzZtoilzxQnwN7W_Kx_gEyZzO60AKtP3Xnnga9cz_RePMUvFfquSqGQjTW1L-jw9FPxH4h4u2c2BSDFSuao3wvxkxu73LtUY/s1600/vad+2.png" height="285" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
4. Kemudian Klik New untuk Mebuat AVD .&amp;nbsp;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjprs4nESSaz_JDU86SSIO4cbT6R2Df9LxdqFtd_s_24vUmbTXLx2KbvtD31v-ldEVLzTBAL-TL5SZLsbJXRYCPiIWpqZg4a37eLC4MxDazGGgilVcgBUMkYGqsXKbgq_9DOyOYuEhh2Tg_/s1600/vad+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjprs4nESSaz_JDU86SSIO4cbT6R2Df9LxdqFtd_s_24vUmbTXLx2KbvtD31v-ldEVLzTBAL-TL5SZLsbJXRYCPiIWpqZg4a37eLC4MxDazGGgilVcgBUMkYGqsXKbgq_9DOyOYuEhh2Tg_/s1600/vad+3.png" height="400" width="248" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;
&lt;b&gt;Keterangan:&lt;/b&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;
AVD Name : Nama Emulator yang akan di buat&lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;
Device : Model device yang akan di gunakan&lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;
Target : Versi android yang akan di gunakan&lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;
Keyboard : Penggunaan keyboard atau tidak pada emulatornya&lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;
Back Camera : Penggunaan konfigurasi Camera atau tidak pada emulatornya&lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;
Internal Storage : Kapasitas memori internal yang kita gunakan di emulatornya&lt;/div&gt;
&lt;div class="separator" style="clear: both;"&gt;
SD Card : Kapasitas memori eksternal di emulator kita&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
5. Nah setelah Klik Oke, Jadi deh&amp;nbsp;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYFHX3dO32vXxlbuMsotlxAK1wc_YLrC6Y3TcAjlz4jRpgOVNuQq2BDJSeVyJ8vVEQu4mXq5svLBXUjSC7nOMkgxST02JxcNP49gWN9GcdGEnNk4MDyJviWnPRhyphenhyphenIyEzrQaDZymCxPePGv/s1600/avd+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYFHX3dO32vXxlbuMsotlxAK1wc_YLrC6Y3TcAjlz4jRpgOVNuQq2BDJSeVyJ8vVEQu4mXq5svLBXUjSC7nOMkgxST02JxcNP49gWN9GcdGEnNk4MDyJviWnPRhyphenhyphenIyEzrQaDZymCxPePGv/s1600/avd+4.png" height="285" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
6. Kemudian Klik Strat&amp;nbsp;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5VadmKD2UI1DeLIDxj87PDOZZGmoQzH1CIYld-EFk8jXPHrUeIsukrrVu9uJKK4giJAlohi_CiAF8zdpmtQWGJxi56pkYyc9F4vjwUjwc5qytVBwKsCa1BziYC1DnOPRQag_nqwu0Gr8r/s1600/avd+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5VadmKD2UI1DeLIDxj87PDOZZGmoQzH1CIYld-EFk8jXPHrUeIsukrrVu9uJKK4giJAlohi_CiAF8zdpmtQWGJxi56pkYyc9F4vjwUjwc5qytVBwKsCa1BziYC1DnOPRQag_nqwu0Gr8r/s1600/avd+5.png" height="266" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
7. Setelah tunggu sebentar maka akan seperti berikut :&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdwHwOy7xbtg02ATWonisY5JQTd90B0HDOXNMkc1plI_WuimWlFd2MUvjl6gNXHi6PQHLEwsZRNZ8gmr7DoqGwOGtKdgDOoPenxSGEAxgDTOk0GLKCRVPsnP_I3suePugwanKhjv4uHsno/s1600/avd6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdwHwOy7xbtg02ATWonisY5JQTd90B0HDOXNMkc1plI_WuimWlFd2MUvjl6gNXHi6PQHLEwsZRNZ8gmr7DoqGwOGtKdgDOoPenxSGEAxgDTOk0GLKCRVPsnP_I3suePugwanKhjv4uHsno/s1600/avd6.png" height="221" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
8. Nah Udah selesai dah Seting AVD nya.&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
Udah selesai nih&amp;nbsp;Tutorial Instal Android di Eclipse dan Seting AVD (Android Virtual Device Manager) nah semoga berguna ya !!!!!!!&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
Salam&amp;nbsp;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;
Wahyu Farabi Firmansah - 1110651001&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizQCKkDCy5Wwr4HqachsbwF3R_A8W8ofRQge8ItgogvWTg-74Yeoh1khh8-cChZU1CJBgjDz0TCeYwnfq0bhqzVO-ADKLHWJEp9x2DYIkOaPwBe5qXgv4VqOfYvs9OJqcTnLbcLVT2b_6g/s72-c/eclipse+0.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>CSS</title><link>http://bayufarabi26.blogspot.com/2013/04/css.html</link><author>noreply@blogger.com (wahyu)</author><pubDate>Tue, 2 Apr 2013 07:55:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5944064804122183727.post-2091169550178688300</guid><description>Kali ini kita akan bicara tentang css. sebenernya css itu apa sih ??&lt;br /&gt;
CSS adalah singkatan dari Cascading Style Sheets. CSS adalah aliran dari suatu kode ke kode lain yang saling berhubungan. CSS merupakan kumpulan kode-kode berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML.&lt;br /&gt;Nah kalau keuntungan dari css apa sih ???&lt;br /&gt;
1. Memudahkan dalam penggantian format secara keseluruhan.&lt;br /&gt;2. Lebih praktis.&lt;br /&gt;3. Untuk mengubah tampilan web, tanpa mengubah layout utamanya.&lt;br /&gt;
Sintaks css gimana ??&lt;br /&gt;
1. Terdiri dari beberapa set peraturan yang memiliki: selector, property, value.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;span style="color: blue;"&gt;selector {property: value;}&lt;/span&gt;&lt;br /&gt;2. Selector menunjukkan bagian mana yang hendak diatur/diformat. &lt;br /&gt;3. Property bagian dari selector yang hendak diatur.&lt;br /&gt;4. Value adalah nilai dari pengaturannya.&lt;br /&gt;Saya dapat tugas dari dosen saya untuk :&lt;br /&gt;
1. Ubahlah teks dalam panel menu atas menjadi link dan ketika disorot dengan kursor, warna teks dan background-nya berubah. seperti dibawah ini :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC267sX7H4jsilMH67M2x3pG9fOQ70Rhxb6BndVSiRZWaRp9BIfWKS1XTtW28ZMDTWk63B0LDt7IBwWXyyl2e5kh6S-JBL5i0jpkyDte8MbtMpXn6jQ88y7R2GgE0UhrYZ6gWLKtdjOYwl/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC267sX7H4jsilMH67M2x3pG9fOQ70Rhxb6BndVSiRZWaRp9BIfWKS1XTtW28ZMDTWk63B0LDt7IBwWXyyl2e5kh6S-JBL5i0jpkyDte8MbtMpXn6jQ88y7R2GgE0UhrYZ6gWLKtdjOYwl/s320/Screenshot_4.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
ini penjelasannya&lt;br /&gt;
pertama kita membuat css yang pertama digunakan untuk yang awal sebelum disorot dengan kursor, codenya seperti ini :&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ9ynGz6E9UVmCEMKIwcOCZ6bVUdwq8Qisfw8MlrOanEqnX5YxeL0P07Wu61dQEAs9yp08v_BYRGY6vyr6VIrkWfLfh_exPnxkecMmG0n59llRnXkdzEGBoONJzxE55ap7kNvzZQh7lK2M/s1600/Screenshot_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ9ynGz6E9UVmCEMKIwcOCZ6bVUdwq8Qisfw8MlrOanEqnX5YxeL0P07Wu61dQEAs9yp08v_BYRGY6vyr6VIrkWfLfh_exPnxkecMmG0n59llRnXkdzEGBoONJzxE55ap7kNvzZQh7lK2M/s320/Screenshot_5.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
kemudian kita membuat css yang setelah disorot oleh kursor, codenya seperti dibawah ini :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglFDIL0yY-_h4rIzlxAfM4hIqxPa6XEx7WNsHL1_wOEq3AdZY7Opf0TeqCpQE67r1F_d6kUZkWlZ0HQdk1_OQ-rpFzLVCni1llXFK6D7VR3vmt9NgKJkTtqtH7E7g70YSt-8bbwnzTo2GK/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglFDIL0yY-_h4rIzlxAfM4hIqxPa6XEx7WNsHL1_wOEq3AdZY7Opf0TeqCpQE67r1F_d6kUZkWlZ0HQdk1_OQ-rpFzLVCni1llXFK6D7VR3vmt9NgKJkTtqtH7E7g70YSt-8bbwnzTo2GK/s1600/Screenshot_6.png" /&gt;&lt;/a&gt;&lt;/div&gt;
bila ingin mengubah warna maka tinggal mengubah warnanya.&lt;br /&gt;
2. Isilah bagian sebelah kanan halaman (bagian berwarna biru) dengan suatu konten (misalnya daftar artikel, dsb). seperti dibawah ini :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCq8903L9-_9Y3ORxgO_mM18dihXyEM4Ot9OHRLbjYrm767nB6DuuPp_6dCBOfmtPbY-Z-mf6NorGzG2a98giBJa7BYrOiigd-S_emNYyHznngsp5zp7oF2lqahS-XXOG81EQsjxaxlB08/s1600/Screenshot_7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCq8903L9-_9Y3ORxgO_mM18dihXyEM4Ot9OHRLbjYrm767nB6DuuPp_6dCBOfmtPbY-Z-mf6NorGzG2a98giBJa7BYrOiigd-S_emNYyHznngsp5zp7oF2lqahS-XXOG81EQsjxaxlB08/s320/Screenshot_7.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
untuk membuat background warna kuning codenya seperti dibawah ini :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLdL9wyUAlcBd303ErJ7_ExGSEbmjMBLF2T8GtsCZ6ZFVelbIYEzfUaZfVCATIX129LTefm33fNuRxdGOKM6GHrZRctdSp-46aB8lRI9HAH59tpL74PJTbn8BKaI9ux9TeDLt8IfH7Ibu_/s1600/Screenshot_8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLdL9wyUAlcBd303ErJ7_ExGSEbmjMBLF2T8GtsCZ6ZFVelbIYEzfUaZfVCATIX129LTefm33fNuRxdGOKM6GHrZRctdSp-46aB8lRI9HAH59tpL74PJTbn8BKaI9ux9TeDLt8IfH7Ibu_/s320/Screenshot_8.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
nah kemudian untuk mengisi tulisannya kodenya seperti dibawah ini :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4HTrwwdVxN7yRTXmZSkJY09r7-7IDwjaMk6JIWRRU_gBbL8BQZvbgBKvmXV_mMkoEod7REii13BDljtqHVUaiCFMOhFgm6XE_1Z8QwtEmV1Zo4WJuBugcj4D2i_hfxYGtcJN9yHjsznvM/s1600/Screenshot_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4HTrwwdVxN7yRTXmZSkJY09r7-7IDwjaMk6JIWRRU_gBbL8BQZvbgBKvmXV_mMkoEod7REii13BDljtqHVUaiCFMOhFgm6XE_1Z8QwtEmV1Zo4WJuBugcj4D2i_hfxYGtcJN9yHjsznvM/s400/Screenshot_9.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
3.&amp;nbsp; Tambahkanlah teks/ tulisan yang proporsional di bagian header halaman seperti dibawah ini :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHL1MHXCAlivYsgXOspHnKpaAh45WxBe3KqUxUchCNCwz-GIwFLvV3PoMTaeyjApqxT1AQD1Xj1ig5tLNk9VDilGrK30UvPA9Gr1Ykc2qu2qtDEfV6p1NhlK_2wQBLS34_pGilGv8Ghibz/s1600/Screenshot_10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHL1MHXCAlivYsgXOspHnKpaAh45WxBe3KqUxUchCNCwz-GIwFLvV3PoMTaeyjApqxT1AQD1Xj1ig5tLNk9VDilGrK30UvPA9Gr1Ykc2qu2qtDEfV6p1NhlK_2wQBLS34_pGilGv8Ghibz/s320/Screenshot_10.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
kita tinggal menulis kode seperti dibawah ini :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7iHNVhzvVLYDKWdaVN-UHB7jJ9PlvuK4hovkn_miMOdKe-m_iqzxlkFJNoaM-krW3ioTU5mkwJbGdO7xs8tIAtfbzne45xTpjZFDArvPxY4OcNQbp1dx0JkJnfBeczKSplkRrPLRepDrY/s1600/Screenshot_11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="52" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7iHNVhzvVLYDKWdaVN-UHB7jJ9PlvuK4hovkn_miMOdKe-m_iqzxlkFJNoaM-krW3ioTU5mkwJbGdO7xs8tIAtfbzne45xTpjZFDArvPxY4OcNQbp1dx0JkJnfBeczKSplkRrPLRepDrY/s640/Screenshot_11.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
Dibawah ini sebuah halaman yang saya buat.&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0d52d1_J3E3JtEfW8Rgl8i33daoo48JdvQe1ZNxp0aMgoF5K9cZeav9OS5LoixadOXp8UklStuhV72RjFgMiwckSXEdaEl2upytvMoshTYFZ_X4iOLaqo1kryPFYosHRY17NfAlg5bZR/s1600/Screenshot_12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0d52d1_J3E3JtEfW8Rgl8i33daoo48JdvQe1ZNxp0aMgoF5K9cZeav9OS5LoixadOXp8UklStuhV72RjFgMiwckSXEdaEl2upytvMoshTYFZ_X4iOLaqo1kryPFYosHRY17NfAlg5bZR/s400/Screenshot_12.png" width="400" /&gt;&lt;/a&gt; &lt;/div&gt;
dan dibawah ini codenya.&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;head&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;style type="text/css"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; table{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; border-colapse:colapse;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; border:3px solid blue;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; #menu{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; height:40px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; width:960px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background:url(bg-nav.jpg) repeat-x;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; #menu table{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; border:none;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; #menu a{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; color:white;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; text-decoration:underline;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; #menu a:hover{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background-color:pink;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; color:Blue;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; #menu td{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; height:40px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; text-align:center;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; vertical-align:middle;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; color:#fff;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; font: bold 14px Candara, Arial, Tahoma;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; #isi{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; padding: 10 10 10 10;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; #isi p{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; color:black;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; font: 11px Candara, Arial, Tahoma;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; padding-bottom:5px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; #isi coba{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; color:yellow;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; text-decoration:blink;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; #isi img{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; boder: 1px solid black;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; width: 80px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; height: 100px;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; .table-menu{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; vertical-align: top;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; border-colapse: colapse;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; border: 1px solid black;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background-color: yellow;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; .footer{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; background-color:red;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/style&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/head&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;body&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;table width="70%" align="center"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id="atas"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td style="color:blue; font:bold 24px Candara;" align="center" &amp;gt;Minum Susu itu Sehat&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td colspan=2&amp;gt;&amp;lt;img src="header.jpg"&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td colspan=2&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id="menu"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;table width="100%"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td align="center"&amp;gt;&amp;lt;a href=""&amp;gt;Depan&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td align="center"&amp;gt;&amp;lt;a href=""&amp;gt;Profil&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td align="center"&amp;gt;&amp;lt;a href=""&amp;gt;Produk&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td align="center"&amp;gt;&amp;lt;a href=""&amp;gt;Kontak&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td align="center"&amp;gt;&amp;lt;a href=""&amp;gt;Forum&amp;lt;/a&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/table&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td width="70%"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id="isi"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;h1 style="color:Blue; font:bold 20px Candara, Arial, Tahoma;"&amp;gt;Mari Minum Susu&amp;lt;/h1&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;img src="susu.jpg"/&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;p&amp;gt;Susu adalah sebuah cairan bergizi yang dihasilkan oleh kelenjar susu dari mamalia betina. &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; Susu adalah sumber gizi utama bagi bayi sebelum mereka dapat mencerna makanan padat.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; Susu binatang (biasanya sapi) juga diolah menjadi berbagai produk seperti mentega, yoghurt, es krim, keju, susu kental manis, susu bubuk dan lain-lainnya untuk konsumsi manusia.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; Semua orang di dunia ini membutuhkan susu untuk menopang kehidupannya. Baik dari bayi sampai orang yang sudah lanjut usia.&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;p&amp;gt;Khasiat susu sapi ternyata banyak sekali. Susu yang banyak digemari anak-anak ini disebut juga darah putih bagi tubuh karena mengandung banyak viatmin dan berbagai macam asam amino yang baik bagi kesehatan tubuh.&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; Dalam segelas susu terdapat antara lain:&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul style="font:12px candara"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;Potasium, yang menggerakkan pembuluh darah agar tetap stabil, menghindarkan Anda dari penyakit darah tinggi dan jantung.&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;Zat besi, mempertahankan kulit tetap bersinar.&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;Tyrosine, mendorong hormon kegembiraan dan membuat tidur lebih nyenyak.&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;Kalsium, menguatkan tulang.&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;Magnesium, menguatkan jantung dan sistem saraf sehingga tidak mudah lelah.&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;Yodium, meningkatkan kerja otak cepat.&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;Seng, menyembuhkan luka dengan cepat.&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;Vitamin B2, meningkatkan ketajaman penglihatan.&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/p&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td width="30%" class="table-menu"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class="table_menu"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;h1 style="color: blue; font:bold 16px Candara, Arial, Tahoma;"&amp;gt;Navigator&amp;lt;/h1&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=""&amp;gt;Tentang susu&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=""&amp;gt;Khasiat susu&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=""&amp;gt;Cara Memanfaatkan susu&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;a href=""&amp;gt;selengkapnya&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;td colspan=2 height=50 class="footer"&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;p style="color:orange; font:bold 20px candara, arial, tahoma; text-align:center;"&amp;gt;Terima kasih Banyak Telah Berkunjung&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/table&amp;gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/body&amp;gt;&lt;br /&gt;&amp;lt;/html&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Mungkin hanya itu saja yang bisa saya jelaskan semogan bermanfaat bagi pembaca.&lt;br /&gt;
&lt;br /&gt;
Salam dari saya, &lt;b&gt;Wahyu Farabi Firmansah (1110651001)&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC267sX7H4jsilMH67M2x3pG9fOQ70Rhxb6BndVSiRZWaRp9BIfWKS1XTtW28ZMDTWk63B0LDt7IBwWXyyl2e5kh6S-JBL5i0jpkyDte8MbtMpXn6jQ88y7R2GgE0UhrYZ6gWLKtdjOYwl/s72-c/Screenshot_4.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Operasi Aritmatika</title><link>http://bayufarabi26.blogspot.com/2013/03/operasi-aritmatika.html</link><category>PHP</category><author>noreply@blogger.com (wahyu)</author><pubDate>Tue, 19 Mar 2013 07:06:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5944064804122183727.post-5168571824354969797</guid><description>Kali ini saya ada tugas untuk membuat operasi aritmatika menggunakan bahasa PHP. langsung saja kita bahas, sebelumnya kita perlu tau operasi apa saja kah yang ada di PHP :&lt;br /&gt;
&lt;br /&gt;
&lt;!--[if gte mso 9]&gt;&lt;xml&gt;
 &lt;o:OfficeDocumentSettings&gt;
  &lt;o:RelyOnVML/&gt;
  &lt;o:AllowPNG/&gt;
 &lt;/o:OfficeDocumentSettings&gt;
&lt;/xml&gt;&lt;![endif]--&gt;&lt;br /&gt;
&lt;!--[if gte mso 9]&gt;&lt;xml&gt;
 &lt;w:WordDocument&gt;
  &lt;w:View&gt;Normal&lt;/w:View&gt;
  &lt;w:Zoom&gt;0&lt;/w:Zoom&gt;
  &lt;w:TrackMoves/&gt;
  &lt;w:TrackFormatting/&gt;
  &lt;w:PunctuationKerning/&gt;
  &lt;w:ValidateAgainstSchemas/&gt;
  &lt;w:SaveIfXMLInvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;
  &lt;w:IgnoreMixedContent&gt;false&lt;/w:IgnoreMixedContent&gt;
  &lt;w:AlwaysShowPlaceholderText&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;
  &lt;w:DoNotPromoteQF/&gt;
  &lt;w:LidThemeOther&gt;IN&lt;/w:LidThemeOther&gt;
  &lt;w:LidThemeAsian&gt;X-NONE&lt;/w:LidThemeAsian&gt;
  &lt;w:LidThemeComplexScript&gt;X-NONE&lt;/w:LidThemeComplexScript&gt;
  &lt;w:Compatibility&gt;
   &lt;w:BreakWrappedTables/&gt;
   &lt;w:SnapToGridInCell/&gt;
   &lt;w:WrapTextWithPunct/&gt;
   &lt;w:UseAsianBreakRules/&gt;
   &lt;w:DontGrowAutofit/&gt;
   &lt;w:SplitPgBreakAndParaMark/&gt;
   &lt;w:EnableOpenTypeKerning/&gt;
   &lt;w:DontFlipMirrorIndents/&gt;
   &lt;w:OverrideTableStyleHps/&gt;
  &lt;/w:Compatibility&gt;
  &lt;m:mathPr&gt;
   &lt;m:mathFont m:val="Cambria Math"/&gt;
   &lt;m:brkBin m:val="before"/&gt;
   &lt;m:brkBinSub m:val="&amp;#45;-"/&gt;
   &lt;m:smallFrac m:val="off"/&gt;
   &lt;m:dispDef/&gt;
   &lt;m:lMargin m:val="0"/&gt;
   &lt;m:rMargin m:val="0"/&gt;
   &lt;m:defJc m:val="centerGroup"/&gt;
   &lt;m:wrapIndent m:val="1440"/&gt;
   &lt;m:intLim m:val="subSup"/&gt;
   &lt;m:naryLim m:val="undOvr"/&gt;
  &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt;
&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;
 &lt;w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
  DefSemiHidden="true" DefQFormat="false" DefPriority="99"
  LatentStyleCount="267"&gt;
  &lt;w:LsdException Locked="false" Priority="0" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Normal"/&gt;
  &lt;w:LsdException Locked="false" Priority="9" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="heading 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/&gt;
  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/&gt;
  &lt;w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" Name="toc 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" Name="toc 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" Name="toc 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" Name="toc 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" Name="toc 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" Name="toc 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" Name="toc 7"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" Name="toc 8"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" Name="toc 9"/&gt;
  &lt;w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/&gt;
  &lt;w:LsdException Locked="false" Priority="10" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Title"/&gt;
  &lt;w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/&gt;
  &lt;w:LsdException Locked="false" Priority="11" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/&gt;
  &lt;w:LsdException Locked="false" Priority="22" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Strong"/&gt;
  &lt;w:LsdException Locked="false" Priority="20" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/&gt;
  &lt;w:LsdException Locked="false" Priority="59" SemiHidden="false"
   UnhideWhenUsed="false" Name="Table Grid"/&gt;
  &lt;w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/&gt;
  &lt;w:LsdException Locked="false" Priority="1" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/&gt;
  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading"/&gt;
  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List"/&gt;
  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid"/&gt;
  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List"/&gt;
  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading"/&gt;
  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List"/&gt;
  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid"/&gt;
  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/&gt;
  &lt;w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/&gt;
  &lt;w:LsdException Locked="false" Priority="34" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/&gt;
  &lt;w:LsdException Locked="false" Priority="29" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Quote"/&gt;
  &lt;w:LsdException Locked="false" Priority="30" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/&gt;
  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/&gt;
  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/&gt;
  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/&gt;
  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/&gt;
  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/&gt;
  &lt;w:LsdException Locked="false" Priority="60" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Shading Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="61" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light List Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="62" SemiHidden="false"
   UnhideWhenUsed="false" Name="Light Grid Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="63" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="64" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="65" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="66" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="67" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="68" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="69" SemiHidden="false"
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="70" SemiHidden="false"
   UnhideWhenUsed="false" Name="Dark List Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="71" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="72" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful List Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="73" SemiHidden="false"
   UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/&gt;
  &lt;w:LsdException Locked="false" Priority="19" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/&gt;
  &lt;w:LsdException Locked="false" Priority="21" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/&gt;
  &lt;w:LsdException Locked="false" Priority="31" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/&gt;
  &lt;w:LsdException Locked="false" Priority="32" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/&gt;
  &lt;w:LsdException Locked="false" Priority="33" SemiHidden="false"
   UnhideWhenUsed="false" QFormat="true" Name="Book Title"/&gt;
  &lt;w:LsdException Locked="false" Priority="37" Name="Bibliography"/&gt;
  &lt;w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/&gt;
 &lt;/w:LatentStyles&gt;
&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt;
&lt;style&gt;
 /* Style Definitions */
 table.MsoNormalTable
 {mso-style-name:"Table Normal";
 mso-tstyle-rowband-size:0;
 mso-tstyle-colband-size:0;
 mso-style-noshow:yes;
 mso-style-priority:99;
 mso-style-parent:"";
 mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
 mso-para-margin-top:0cm;
 mso-para-margin-right:0cm;
 mso-para-margin-bottom:10.0pt;
 mso-para-margin-left:0cm;
 line-height:115%;
 mso-pagination:widow-orphan;
 font-size:11.0pt;
 font-family:"Calibri","sans-serif";
 mso-ascii-font-family:Calibri;
 mso-ascii-theme-font:minor-latin;
 mso-hansi-font-family:Calibri;
 mso-hansi-theme-font:minor-latin;
 mso-bidi-font-family:"Times New Roman";
 mso-bidi-theme-font:minor-bidi;
 mso-fareast-language:EN-US;}
&lt;/style&gt;
&lt;![endif]--&gt;

&lt;br /&gt;
&lt;table border="0" cellpadding="0" class="MsoNormalTable" style="mso-cellspacing: 1.5pt; mso-yfti-tbllook: 1184; width: 46%px;"&gt;
 &lt;tbody&gt;
&lt;tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"&gt;
  &lt;td style="padding: .75pt .75pt .75pt .75pt; width: 34.0%;" width="34%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"&gt;
&lt;b&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;Operasi&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
  &lt;td style="padding: 0.75pt; text-align: center; width: 66%;" width="66%"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"&gt;
&lt;b&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;Operator&lt;/span&gt;&lt;/b&gt;&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
 &lt;/tr&gt;
&lt;tr style="mso-yfti-irow: 1;"&gt;
  &lt;td style="padding: .75pt .75pt .75pt .75pt;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;Penambahan&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
  &lt;td style="padding: 0.75pt; text-align: center;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;+&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
 &lt;/tr&gt;
&lt;tr style="mso-yfti-irow: 2;"&gt;
  &lt;td style="padding: .75pt .75pt .75pt .75pt;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;Pengurangan&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
  &lt;td style="padding: 0.75pt; text-align: center;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;-&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
 &lt;/tr&gt;
&lt;tr style="mso-yfti-irow: 3;"&gt;
  &lt;td style="padding: .75pt .75pt .75pt .75pt;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;Perkalian&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
  &lt;td style="padding: 0.75pt; text-align: center;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;*&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
 &lt;/tr&gt;
&lt;tr style="mso-yfti-irow: 4;"&gt;
  &lt;td style="padding: .75pt .75pt .75pt .75pt;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;Pembagian&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
  &lt;td style="padding: 0.75pt; text-align: center;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;/&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
 &lt;/tr&gt;
&lt;tr style="mso-yfti-irow: 5;"&gt;
  &lt;td style="padding: .75pt .75pt .75pt .75pt;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;Sisa
  pembagian&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
  &lt;td style="padding: 0.75pt; text-align: center;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;%&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
 &lt;/tr&gt;
&lt;tr style="mso-yfti-irow: 6;"&gt;
  &lt;td style="padding: .75pt .75pt .75pt .75pt;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;Increment&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
  &lt;td style="padding: 0.75pt; text-align: center;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;++&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
 &lt;/tr&gt;
&lt;tr style="mso-yfti-irow: 7; mso-yfti-lastrow: yes;"&gt;
  &lt;td style="padding: .75pt .75pt .75pt .75pt;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;Decrement&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
  &lt;td style="padding: 0.75pt; text-align: center;"&gt;&lt;div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"&gt;
&lt;span style="font-family: &amp;quot;Times New Roman&amp;quot;,&amp;quot;serif&amp;quot;; font-size: 12.0pt; mso-fareast-font-family: &amp;quot;Times New Roman&amp;quot;; mso-fareast-language: IN;"&gt;–&lt;/span&gt;&lt;/div&gt;
&lt;/td&gt;
 &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;br /&gt;
Mari kita kita ulas sedikit saya menggambil contoh perkalian&amp;nbsp; :&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGX59xATI3WVBeI5b1uKaluPKjd4D5L91HFLtLxVgF4I_B5kPMGPG0kmEFjTHIAAor5vG5CmfPOrtBBs3cAUXVx_eiD0XwggYbYNIypoeYHdkA5q8EB-kLUL8TNq88z9sUmKWAaILwK2wI/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGX59xATI3WVBeI5b1uKaluPKjd4D5L91HFLtLxVgF4I_B5kPMGPG0kmEFjTHIAAor5vG5CmfPOrtBBs3cAUXVx_eiD0XwggYbYNIypoeYHdkA5q8EB-kLUL8TNq88z9sUmKWAaILwK2wI/s400/1.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&amp;nbsp;Sourcodenya adalah :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeWDedtRLx41fG-i9jQy6_XXa5CniPJJmeZEmYLonMfN0uoNBY-sXIUo9pd9vu0-VjyiY-AJWDe6ZjKXtE-g9zPQTfxfsbH6P0m-6bfYXV-86iIsw-YWOXZ6JfcoVu4ujnVeEx17pl6i-L/s1600/4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="403" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeWDedtRLx41fG-i9jQy6_XXa5CniPJJmeZEmYLonMfN0uoNBY-sXIUo9pd9vu0-VjyiY-AJWDe6ZjKXtE-g9zPQTfxfsbH6P0m-6bfYXV-86iIsw-YWOXZ6JfcoVu4ujnVeEx17pl6i-L/s640/4.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;br /&gt;
Saat kita tidak mengisi text filed maka akan muncul :&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw5sCLogwsov_LaS_cjEcZVBwwrBjrDvtvmUMfF-Haq4ixiO0OuP4TgIEehNM3KVAE0uoC8RqoDGtJg9rPFxNHDSJHq8nIQIZxBltbrvh56_r2OvHZOiMIVMAgLcXrzWTeDx2vCAIko1jM/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw5sCLogwsov_LaS_cjEcZVBwwrBjrDvtvmUMfF-Haq4ixiO0OuP4TgIEehNM3KVAE0uoC8RqoDGtJg9rPFxNHDSJHq8nIQIZxBltbrvh56_r2OvHZOiMIVMAgLcXrzWTeDx2vCAIko1jM/s400/5.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
Saat kita mengisi text filed menggunaka selain angka akan keluar peringatan seperti :&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnJF_Dy6h9FkfBbkJSMSIQtxnUYPE9vsmttmp09SrMMj7iQITnFJa_06Q-9aOzE1rWOpsbhR1UXhPYpsRMqJ4Ak2fNYgN3D8dWsvpVSR-pEJVopUueVqjEXhqBmGpue9AGRrMKDrtshdun/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="97" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnJF_Dy6h9FkfBbkJSMSIQtxnUYPE9vsmttmp09SrMMj7iQITnFJa_06Q-9aOzE1rWOpsbhR1UXhPYpsRMqJ4Ak2fNYgN3D8dWsvpVSR-pEJVopUueVqjEXhqBmGpue9AGRrMKDrtshdun/s400/3.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Kenapa bisa begitu ??, jawabanya adalah karena saya menggunakan fitur HTML 5.&lt;br /&gt;
saya kira itu dulu misalnya anda mau mengganti operasi misalnya, maka tinggal ganti operatornya saja. &lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiBji-CHnfvI1lb7tLrO407_BfsqXK7Kpvj9QbuQm4RNGomecCxd5u6WgVEQXJOEPyVptanNsv9H6BaN3lcqWStX4gbDwf_9VAmZp620IYq7uFRhEeAKxjl3ZvRr2BVCuIPNtNW_fhBnDI/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiBji-CHnfvI1lb7tLrO407_BfsqXK7Kpvj9QbuQm4RNGomecCxd5u6WgVEQXJOEPyVptanNsv9H6BaN3lcqWStX4gbDwf_9VAmZp620IYq7uFRhEeAKxjl3ZvRr2BVCuIPNtNW_fhBnDI/s400/2.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Seperti diatas yang saya lingkari anda ganti operatornya sesuka hati anda.&lt;br /&gt;
&lt;br /&gt;
Sekian dulu ya dari saya misalnya ada kesalahan kata saya mohon maaf sebesar besarnya.&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
Salam dari saya&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
Wahyu Farabi Firmansah&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
1110651001 &lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGX59xATI3WVBeI5b1uKaluPKjd4D5L91HFLtLxVgF4I_B5kPMGPG0kmEFjTHIAAor5vG5CmfPOrtBBs3cAUXVx_eiD0XwggYbYNIypoeYHdkA5q8EB-kLUL8TNq88z9sUmKWAaILwK2wI/s72-c/1.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Tugas Html 5</title><link>http://bayufarabi26.blogspot.com/2013/03/tugas-html-5.html</link><category>Html 5</category><author>noreply@blogger.com (wahyu)</author><pubDate>Tue, 12 Mar 2013 03:16:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5944064804122183727.post-6269208574190078367</guid><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YGaZPoHbNsEukgC6TWmlYxWs6qru1PHAxRaq44R_axoJktNqCsse_LceIemZcqItr-VWyN5BrUNQz4kwlyhrCDYK0wdaPHu7uxYdUkhYbNlfRUzufoCou_xQhNWsSlSVRfv8Fhdlvc_P/s1600/HTML+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;/a&gt;&lt;/div&gt;
Berhubung ada tugas dari dosen, untuk membuat form sederhana menggunakan HTML 5. Ini dia tugas saya :&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YGaZPoHbNsEukgC6TWmlYxWs6qru1PHAxRaq44R_axoJktNqCsse_LceIemZcqItr-VWyN5BrUNQz4kwlyhrCDYK0wdaPHu7uxYdUkhYbNlfRUzufoCou_xQhNWsSlSVRfv8Fhdlvc_P/s1600/HTML+1.png" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YGaZPoHbNsEukgC6TWmlYxWs6qru1PHAxRaq44R_axoJktNqCsse_LceIemZcqItr-VWyN5BrUNQz4kwlyhrCDYK0wdaPHu7uxYdUkhYbNlfRUzufoCou_xQhNWsSlSVRfv8Fhdlvc_P/s320/HTML+1.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
Dan ini dia kode Htmlnya :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNOiI2_vc6yKLezToHnMoi0V9IFb9V-caO9tKfDIQ3FneELTrBU00-CFy4O9jxPatWy7k4pOMn-S-6x9-P6XhCr1gTULhxy8gRGKHPabKKetej2p315zp2Gb8JVGHrC9CCFSvvwN80mrQO/s1600/HTML.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="313" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNOiI2_vc6yKLezToHnMoi0V9IFb9V-caO9tKfDIQ3FneELTrBU00-CFy4O9jxPatWy7k4pOMn-S-6x9-P6XhCr1gTULhxy8gRGKHPabKKetej2p315zp2Gb8JVGHrC9CCFSvvwN80mrQO/s640/HTML.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
saya akan jelaskan sedikit nah dibawah ini adalah istilah umum pada html &lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&lt;/span&gt;:&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&amp;lt;html&amp;gt; &amp;nbsp; : &amp;nbsp;Mendeskripsikan bahwa bahasa yang digunakan adalah HTML&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&amp;lt;Head&amp;gt; &amp;nbsp;: Mendeskripsikan Bahwa Inii merupakan bagian kepala dari website yang akan di buat&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&amp;lt;title&amp;gt; &amp;nbsp; &amp;nbsp;: Untuk menempatkan judul web yang kita inginkan&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&amp;lt;/head&amp;gt; : Untuk menutup tag &amp;lt;head&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&amp;lt;body&amp;gt; &amp;nbsp; : Tempat kita menempatkan isi website&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&amp;lt;p&amp;gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: Untuk Menunjukan Paragraf&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&amp;lt;/p&amp;gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; : Untuk Menutup tag &amp;lt;p&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&amp;lt;/body&amp;gt; : Untuk Menutup Tag &amp;lt;body&amp;gt; yang berarti kita telah selesai menuliskan isi web&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: calibri;"&gt;&amp;lt;/html&amp;gt; : Untuk Menutup tag &amp;lt;html&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: calibri;"&gt;&amp;lt;p&amp;gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; : Mendeskripsikan paragraf&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: calibri;"&gt;&amp;lt;br&amp;gt; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;: Digunakan sama seperti fungsi enter pada keyboard kamu dalam pengolahan kata&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;span style="font-family: calibri;"&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;atau untuk membuat garis baru&lt;/span&gt; &lt;br /&gt;
oke setelah mengetahui istilah diatas maka saya akan menjelaskan satu satu :&lt;br /&gt;
Pada form Pertama yaitu judul biodata kita menggunakan kode seperti nomor 6.&lt;br /&gt;
&lt;b&gt;Selanjutnya yaitu from Nama&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftfMqfxb-CP8rvo0v3Z3429cVe6kN8WzHQOmdirS3W7ZU-ZB86P0WKQYQFIsj3aRvuVjpB_HNw_X8NSo2eKG6hUr-vC9W1o2WpPvUjw-4cVC65resReCigTbK6hKEmLLuiP5t23ibfWoP/s1600/HTML+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="31" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftfMqfxb-CP8rvo0v3Z3429cVe6kN8WzHQOmdirS3W7ZU-ZB86P0WKQYQFIsj3aRvuVjpB_HNw_X8NSo2eKG6hUr-vC9W1o2WpPvUjw-4cVC65resReCigTbK6hKEmLLuiP5t23ibfWoP/s200/HTML+3.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;
&amp;nbsp;pada form diatas menggunakan kode :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg21IWvNxpdnSw-LARtgdnptKR8QXYa787aPv8iLp8X4pPyDyg60nDjB4ke-Ym8zDR-HO446s9Ra5aLJNBBjrCPDzKXjgou2GJlsmpX9Z4KmNfKkL0TrlESNpRT2q4yZaDurGeTE5oouh2E/s1600/HTML+4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="17" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg21IWvNxpdnSw-LARtgdnptKR8QXYa787aPv8iLp8X4pPyDyg60nDjB4ke-Ym8zDR-HO446s9Ra5aLJNBBjrCPDzKXjgou2GJlsmpX9Z4KmNfKkL0TrlESNpRT2q4yZaDurGeTE5oouh2E/s400/HTML+4.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;Selanjutnya adalah form Alamat &lt;/b&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWoopfNrYdFSD0CLTfoCzxD_yc1IyTCtHv2O-RNtNgOOw7Lz7SVzyNTF-yNA24RaZaRk9nRj42xqoBpcP3c_QlMMJMUkSUnjHJGvVpNkew_gGMknUZ2LlwxAjMMAso1MzBK9qyRF2m1eLP/s1600/HTML+5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWoopfNrYdFSD0CLTfoCzxD_yc1IyTCtHv2O-RNtNgOOw7Lz7SVzyNTF-yNA24RaZaRk9nRj42xqoBpcP3c_QlMMJMUkSUnjHJGvVpNkew_gGMknUZ2LlwxAjMMAso1MzBK9qyRF2m1eLP/s1600/HTML+5.png" /&gt;&lt;/a&gt;&lt;/div&gt;
digunakan kode :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb762b9CsTMzxZOFy428skx0m78eNk1i3YkuZavCc5YcQ32TXVsU6fNPjpWcD_GlkWSpe7KCVFjjIVd-mxQyZRye19BmZk7EZeWijHSBKq51LeTsbbUm38vsJshetmd695J5Og0GdnlOsq/s1600/HTML+6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="15" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb762b9CsTMzxZOFy428skx0m78eNk1i3YkuZavCc5YcQ32TXVsU6fNPjpWcD_GlkWSpe7KCVFjjIVd-mxQyZRye19BmZk7EZeWijHSBKq51LeTsbbUm38vsJshetmd695J5Og0GdnlOsq/s400/HTML+6.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;Selanjutnya form Tanggal Lahir&lt;/b&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzOUjLwDAwVDstqBj4Ik5sI8fJYjx6xDLDTAIZT8DyqtiP5FvOrysL6e_S_f62sYc-xQtzQbyT1lQVu3FExkXdllWelnOH-HRrhb0fthNIqrwh5YHXKExX0gU_b22csZ-TQHtQIeVrFSdO/s1600/HTML+7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzOUjLwDAwVDstqBj4Ik5sI8fJYjx6xDLDTAIZT8DyqtiP5FvOrysL6e_S_f62sYc-xQtzQbyT1lQVu3FExkXdllWelnOH-HRrhb0fthNIqrwh5YHXKExX0gU_b22csZ-TQHtQIeVrFSdO/s1600/HTML+7.png" /&gt;&lt;/a&gt;&lt;/div&gt;
digunakan kode :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizLLtrXsMbLO6ZQdPQ4EuuMb8QsxLm8CXxCSBkW829HGrE1goFgRs06_ksAjANAqDwfwAQ1yXUr3DkBsIgYHNAL2gQ3fe-FxYr2FoTBWbzgAlyKNT4jaaIhCcXYekKoVmrCFINv8NPvDn/s1600/HTML+8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="16" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgizLLtrXsMbLO6ZQdPQ4EuuMb8QsxLm8CXxCSBkW829HGrE1goFgRs06_ksAjANAqDwfwAQ1yXUr3DkBsIgYHNAL2gQ3fe-FxYr2FoTBWbzgAlyKNT4jaaIhCcXYekKoVmrCFINv8NPvDn/s400/HTML+8.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
pada kode diatas digunakan salah satu input type dari Html 5 yaitu date, bila kita mengklik segitiga hitam maka kita akan mendapatkan kalender&amp;nbsp; seperti :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggC4pHKGR4KpXUpFLxH0ZkxU4NU8NylSsC4TN_-LbSwyXbAlCgOAIlvgOew7tcVhcWTb9kTyToSOa0dNCf6g3kyp5ektwPJA3PT_4vy-_I3zssO4Q7JwbVlxLYjZ9j9iOOkyP3BXv4neqv/s1600/HTML+9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggC4pHKGR4KpXUpFLxH0ZkxU4NU8NylSsC4TN_-LbSwyXbAlCgOAIlvgOew7tcVhcWTb9kTyToSOa0dNCf6g3kyp5ektwPJA3PT_4vy-_I3zssO4Q7JwbVlxLYjZ9j9iOOkyP3BXv4neqv/s320/HTML+9.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
yang tidak ada pada Html sebelumnya.&lt;br /&gt;
&lt;b&gt;Selanjutnya adalah form alamat&lt;/b&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyiiXpZEzjc8d-d2dMlBF-sz4ySn4g-FnEnkkT-OqpENgLkn-EP-lqCFhMDlyE42_qpzzQXZ7gQF8OdkNTiNItLZuHAFQOHoQ-uRdZmD7uBMzwMSr_rS0TmUzL7lulE2yuK46_HrSRPyGv/s1600/HTML+4as.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyiiXpZEzjc8d-d2dMlBF-sz4ySn4g-FnEnkkT-OqpENgLkn-EP-lqCFhMDlyE42_qpzzQXZ7gQF8OdkNTiNItLZuHAFQOHoQ-uRdZmD7uBMzwMSr_rS0TmUzL7lulE2yuK46_HrSRPyGv/s1600/HTML+4as.png" /&gt;&lt;/a&gt;&lt;/div&gt;
digunakan kode :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5q7-65CHbXJIIkSEPpTiJBswlhKtZVhhy7gCZqHMLg_GgJrj1zywqtN0VHbXtKKx10UKgKsbcFaX_6W3DSd1cBqSb73ynuALb3gDa1vBYe9wqYQteNyvt5q_rtS_zH3y7RLKrOKln3o4f/s1600/HTML+1asd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="13" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5q7-65CHbXJIIkSEPpTiJBswlhKtZVhhy7gCZqHMLg_GgJrj1zywqtN0VHbXtKKx10UKgKsbcFaX_6W3DSd1cBqSb73ynuALb3gDa1vBYe9wqYQteNyvt5q_rtS_zH3y7RLKrOKln3o4f/s400/HTML+1asd.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
form ini adalah salah satu contoh Html 5 yaitu url, kelebihan nya adalah bila kita tidak mengisi alamat web dengan benar maka akan muncul peringatan seperti berikut : &lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dagxmWZNxNzkkucTd8OfUpEQw_jqeRPobbZNH68ClhtNr3zdw9x1dDRC9eDSHArHK6XWLjI5oFF5UJ4MySjS56ckdnOYsrFLAJ8Bw3oGpi6SLZdt3Mv4hbpiep03-SXr5PicBMPjN9kf/s1600/HTML+1afsdfa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dagxmWZNxNzkkucTd8OfUpEQw_jqeRPobbZNH68ClhtNr3zdw9x1dDRC9eDSHArHK6XWLjI5oFF5UJ4MySjS56ckdnOYsrFLAJ8Bw3oGpi6SLZdt3Mv4hbpiep03-SXr5PicBMPjN9kf/s1600/HTML+1afsdfa.png" /&gt;&lt;/a&gt;&lt;/div&gt;
jadi kita harus menyertakan Http:// pada awal kita mengisi sehingga kita dapat melanjutkan proses.&lt;br /&gt;
&lt;b&gt;Selanjutnya adalah from no telpon&lt;/b&gt; &lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLt06KEOsBJ5aKpDhMmMZnS6voP7V_CaNEm8Ybq9vrmQGHKFQOPyhXGVXugi-FRijuTTPtRKjIDsedXN0rTlLqKSygoKS1DQNuMrlujbZlbDbf-XXz5DYLcRwQP1UXIPxGnb7utj9dGDxU/s1600/HTML+3sfad.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLt06KEOsBJ5aKpDhMmMZnS6voP7V_CaNEm8Ybq9vrmQGHKFQOPyhXGVXugi-FRijuTTPtRKjIDsedXN0rTlLqKSygoKS1DQNuMrlujbZlbDbf-XXz5DYLcRwQP1UXIPxGnb7utj9dGDxU/s1600/HTML+3sfad.png" /&gt;&lt;/a&gt;&lt;/div&gt;
digunakan kode :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWkP9f5nDgDB7DGaCZgSFzkou8rfyNjQgWC-v1XADETZA6yOWlwSJKnD9h8ij4DAGJKtaNwvKcCGY5zi8k6uE_H9qfvyCF-mkoCGDDd-rILV_xiF8D0TCNrxnuQOQ0wEh0O4DKHIQZ9-UG/s1600/HTML+asfaa1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="17" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWkP9f5nDgDB7DGaCZgSFzkou8rfyNjQgWC-v1XADETZA6yOWlwSJKnD9h8ij4DAGJKtaNwvKcCGY5zi8k6uE_H9qfvyCF-mkoCGDDd-rILV_xiF8D0TCNrxnuQOQ0wEh0O4DKHIQZ9-UG/s400/HTML+asfaa1.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;Selanjutnya adalah form email &lt;/b&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNhAkp4cAkZhyphenhyphen0TJBbktNWgSdyN6oAhbvtL-bcdQLxczKDBrwJJ85KclSjpo9oRaXJlmDWTjyptBXjJYWHcnzwyIWwSLnE3xjLJhfwNU6dFLcub8CVqk1ymx4WleQEYC-g9sKUUZuAtXPh/s1600/HTML+1sadscas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNhAkp4cAkZhyphenhyphen0TJBbktNWgSdyN6oAhbvtL-bcdQLxczKDBrwJJ85KclSjpo9oRaXJlmDWTjyptBXjJYWHcnzwyIWwSLnE3xjLJhfwNU6dFLcub8CVqk1ymx4WleQEYC-g9sKUUZuAtXPh/s1600/HTML+1sadscas.png" /&gt;&lt;/a&gt;&lt;/div&gt;
dingunakan kode :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHjZu-OWZeNvN9cufv1VJmY7iQGo6ssEN1v3wV-pT7a9c2V_lVmZoaSdeS1evl-UElgfQvcO8p6FyKvqFyhsxAJ7TU2P9UMUoPZtwcK4s5mrffO7qLYu9UOZGUNKm9v2yr2FXx5_d-1c5b/s1600/HTML+1aaaa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHjZu-OWZeNvN9cufv1VJmY7iQGo6ssEN1v3wV-pT7a9c2V_lVmZoaSdeS1evl-UElgfQvcO8p6FyKvqFyhsxAJ7TU2P9UMUoPZtwcK4s5mrffO7qLYu9UOZGUNKm9v2yr2FXx5_d-1c5b/s400/HTML+1aaaa.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;
form ini adalah salah satu contoh Html 5 yaitu email, kelebihan nya adalah
 bila kita tidak mengisi alamat web dengan benar maka akan muncul 
peringatan seperti berikut :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZfGHTBckpk8XTbzSD6bXfAxh-ZadK87PDXk7uJy15_XlzkzPwuCDOmtuC0UX28PuQtIyRRysJJwtTThc51AymOpXB-S7XvvT1zZgGhNcr5dnxLmKKHrEXdXDUtiwFaJN0sbEh64IVKsCR/s1600/HTML+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZfGHTBckpk8XTbzSD6bXfAxh-ZadK87PDXk7uJy15_XlzkzPwuCDOmtuC0UX28PuQtIyRRysJJwtTThc51AymOpXB-S7XvvT1zZgGhNcr5dnxLmKKHrEXdXDUtiwFaJN0sbEh64IVKsCR/s1600/HTML+10.png" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;Selanjutnya adalah from kecamatan&lt;/b&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirr1NgHJs6pcFgd3n8Uk43EYZfknuYvSfeqokM2OGi6MFQEvUyH-XAgT-X55ZoxfafkcI6aMuU8ZHxHNM88mWug_0Tt8WGXa2Ms-lx0bhAUbMcNgE8e__gNBvNaZI6MB2o78bErkaFIYg1/s1600/HTML+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirr1NgHJs6pcFgd3n8Uk43EYZfknuYvSfeqokM2OGi6MFQEvUyH-XAgT-X55ZoxfafkcI6aMuU8ZHxHNM88mWug_0Tt8WGXa2Ms-lx0bhAUbMcNgE8e__gNBvNaZI6MB2o78bErkaFIYg1/s1600/HTML+1.png" /&gt;&lt;/a&gt;&lt;/div&gt;
dingunakan kode :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyAZBRnDK-Inh08Kbenanzv2FP8xM4iCjtZlnbMoZcv7iZnoeE_cd9RDlSp07k7dsSak3Mb75rGPIPf-1Y5V701VldLXzHNdM4WkNqjLb8REif2oLdIaxbJ8cm8UfB8F6j3z7ZiOepA9qW/s1600/HTML+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="104" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyAZBRnDK-Inh08Kbenanzv2FP8xM4iCjtZlnbMoZcv7iZnoeE_cd9RDlSp07k7dsSak3Mb75rGPIPf-1Y5V701VldLXzHNdM4WkNqjLb8REif2oLdIaxbJ8cm8UfB8F6j3z7ZiOepA9qW/s320/HTML+1.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;Dan terakhir&lt;/b&gt;&amp;nbsp;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiBpadXt2F3vMComhtRsZhf43tGhwtydKimW5M0Qqii_iwhKPRduXBHmzH99fKi-GUaaYyo-WIWSOSFGmJaHuRDcKwfEUbuiDens3daIpGwD-81qPEelSvxVvmjgjNSc9r75o_TJKr3SO8/s1600/HTML+10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiBpadXt2F3vMComhtRsZhf43tGhwtydKimW5M0Qqii_iwhKPRduXBHmzH99fKi-GUaaYyo-WIWSOSFGmJaHuRDcKwfEUbuiDens3daIpGwD-81qPEelSvxVvmjgjNSc9r75o_TJKr3SO8/s1600/HTML+10.png" /&gt;&lt;/a&gt;&lt;/div&gt;
Digunakan kode :&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-_qlTaKjHO3tH6fLl-TG-U_rTuQHdrsn0Inubyzmd_2S4ew-J3z9VGzGuEPTmtw9w3qBRONg5G6NWZr6rq34XG74R_eoRvzH8gX-Odo4LNo6OFmo-WXFg01RbFUbZGO9fRDdSvCepym-/s1600/HTML+1aaaa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-_qlTaKjHO3tH6fLl-TG-U_rTuQHdrsn0Inubyzmd_2S4ew-J3z9VGzGuEPTmtw9w3qBRONg5G6NWZr6rq34XG74R_eoRvzH8gX-Odo4LNo6OFmo-WXFg01RbFUbZGO9fRDdSvCepym-/s1600/HTML+1aaaa.png" /&gt;&lt;/a&gt;&lt;/div&gt;
Jadi kesimpulannya adalah html 5 lebih gampang atau memudahkan kita sehingga tidak usah susah susah seperti bahasa html yang terdahulu.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
Semoga bacaan ini berguna dan sekiaan dari saya mohon maaf apa bila ada kesalahan.&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
Salam dari saya, Wahyu Farabi Firmanayah (1110651001)&lt;/div&gt;
&lt;span style="color: black; font-family: Corbel; font-size: 27.0pt; language: en-US; mso-ascii-font-family: Corbel; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: +mn-cs; mso-bidi-theme-font: minor-bidi; mso-color-index: 1; mso-fareast-font-family: +mn-ea; mso-fareast-theme-font: minor-fareast; mso-font-kerning: 12.0pt; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: black; mso-style-textfill-fill-themecolor: text1; mso-style-textfill-type: solid;"&gt;&lt;/span&gt;&lt;span style="color: black; font-family: Corbel; font-size: 27.0pt; language: en-US; mso-ascii-font-family: Corbel; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: +mn-cs; mso-bidi-theme-font: minor-bidi; mso-color-index: 1; mso-fareast-font-family: +mn-ea; mso-fareast-theme-font: minor-fareast; mso-font-kerning: 12.0pt; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: black; mso-style-textfill-fill-themecolor: text1; mso-style-textfill-type: solid;"&gt;&lt;/span&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YGaZPoHbNsEukgC6TWmlYxWs6qru1PHAxRaq44R_axoJktNqCsse_LceIemZcqItr-VWyN5BrUNQz4kwlyhrCDYK0wdaPHu7uxYdUkhYbNlfRUzufoCou_xQhNWsSlSVRfv8Fhdlvc_P/s72-c/HTML+1.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><georss:featurename xmlns:georss="http://www.georss.org/georss">Jember, Patrang 68111, Indonesia</georss:featurename><georss:point xmlns:georss="http://www.georss.org/georss">-8.1737757 113.69523219999996</georss:point><georss:box xmlns:georss="http://www.georss.org/georss">-8.2052112 113.65489169999996 -8.1423402 113.73557269999996</georss:box></item></channel></rss>