Berbakti Kepada Orang Tua

Segala puji bagi Allah, Pencipta bumi dan langit, Yang Maha Mengetahui segala perkara baik yang rahasia dan tersembunyi, Yang Maha Tahu segala yang dirahasiakan dan niat, Maha Mengetahui segalah sesuatu, rahmat dan kasih saying-Nya meliputi segala sesuatu. Dialah Yang Maha Menundukkan segalah makhluk dengan kemahaperkasaan dan KemahabijaksaanNya. Dia mengetahui apa-apa yang ada di hadapan mereka dan apa-apa yang ada di belakang mereka dan mereka tidak mampu mengetahui Zat-Nya, Dia tidak mampu dijangkau oleh mata, tidak berubah oleh zaman dan masa dan segala sesuatu di sisiNya dengan kadar yang telah ditentukanNya<br /> <br /> Aku bersyukur kepada Allah dan segala puji bagi-Nya. Sesungguhnya Dia adalah Zat Yang Maha Baik lagi Maha Penyayang.<br /> <br /> قال الله تعالى : ﴿ كَتَبَ رَبُّكُمْ عَلَى نَفْسِهِ الرَّحْمَةَ أَنَّهُ مَن عَمِلَ مِنكُمْ سُوءًا بِجَهَالَةٍ ثُمَّ تَابَ مِن بَعْدِهِ وَأَصْلَحَ فَأَنَّهُ غَفُورٌ رَّحِيمٌ ﴾<br /> <br /> “Tuhanmu telah menetapkan atas diri-Nya kasih sayang (yaitu) bahwasanya barang siapa yang berbuat kejahatan di antara kamu lantaran kejahilan, kemudian ia bertobat setelah mengerjakannya dan mengadakan perbaikan, maka sesungguhnya Allah Maha Pengampun lagi Maha Penyayang.” QS. Al-An’am: 54<br /> <br /> Aku bersaksi bahwa  tiada tuhan yang berhak disembah dengan sebenarnya kecuali Allah, Yang Maha Esa, yang tiada sekutu bagiNya, Yang Maha memaafkan, Maha Kuasa, Mengampuni dosa-dosa yang agung:<br /> <br /> قال الله تعالى : ﴿ غَافِرِ الذَّنبِ وَقَابِلِ التَّوْبِ شَدِيدِ الْعِقَابِ ذِي الطَّوْلِ لَا إِلَهَ إِلَّا هُوَ إِلَيْهِ الْمَصِيرُ ﴾<br /> <br /> “Yang Mengampuni dosa dan Menerima tobat lagi keras hukuman-Nya; Yang mempunyai karunia. Tiada Tuhan (yang berhak disembah) selain Dia. Hanya kepada-Nya lah kembali (semua makhluk)”. QS. Gafir: 3<br /> <br /> Ya Allah curahkanlah shalawat dan salam kepada hambaMu, RasulMu Muhamad, keluarga, seluruh shahabatnya,  dan seluruh orang yang membela dan memuliakannya sehingga hari kiamat.<br /> Amma Ba’du: Wahai sekalian manusia: Sesungguhnya hati ini telah dibentuk dan jiwa telah diciptakan untuk mencintai orang yang telah berbuat baik kepadanya, diri manusia merasa bergantung kepada orang yang telah berjasa baik kepadanya. Dan tidak ada yang lebih baik atau lebih besar jasanya setelah Allah terhadap seorang manusia yang melebihi kedua orang tua. Oleh sebab itulah, Allah Ta’ala menyebutkan hak-hak kedua orang tua dan perintah berbuat baik serta menjaga mereka, secara berbarengan dengan perintah beribadah kepadaNya dan ikhlas kepada Allah semata. Allah Subhanahu Wa Ta’ala berfirman:<span class="fullpost"> <br /> <br /> قال الله تعالى : ﴿ وَاعْبُدُواْ اللّهَ وَلاَ تُشْرِكُواْ بِهِ شَيْئًا وَبِالْوَالِدَيْنِ إِحْسَانًا وَبِذِي الْقُرْبَى وَالْيَتَامَى وَالْمَسَاكِينِ وَالْجَارِ ذِي الْقُرْبَى وَالْجَارِ الْجُنُبِ وَالصَّاحِبِ بِالجَنبِ وَابْنِ السَّبِيلِ وَمَا مَلَكَتْ أَيْمَانُكُمْ إِنَّ اللّهَ لاَ يُحِبُّ مَن كَانَ مُخْتَالاً فَخُورًا ﴾<br /> <br /> “Sembahlah Allah dan janganlah kamu mempersekutukan-Nya dengan sesuatu pun. Dan berbuat baiklah kepada dua orang ibu-bapa, karib-kerabat, anak-anak yatim, orang-orang miskin, tetangga yang dekat dan tetangga yang jauh, teman sejawat, ibnu sabil dan hamba sahayamu. Sesungguhnya Allah tidak menyukai orang-orang yang sombong dan membangga-banggakan diri”. QS. Al-Nisa’: 36<br /> Maka di dalam ayat disebutkan bahwa Allah Subhanahu Wa Ta’ala  memerintahkan para hambaNya untuk selalu beribadah hanya kepadaNya bukan kepada selain Allah, lalu Allah mewasiatkan para hamba-Nya untuk berbuat baik dan menyayangi kedua orang tua. Sebab mereka berdua telah berbuat baik kepada sang anak sejak awal pertumbuhan anak dengan segala bentuk kebajikan dan tindakan baik kedua orang tua tersebut memberikan pengaruh nyata dalam perutumbuhan anak, di mana sang anak berkembang, kesadaran muncul  sampai pada usia dewasa. Kedua orang tua telah mengerhakan segala upaya dan kebaikan. Oleh karena itulah, Allah Subhanahu Wa Ta’ala tidak memuji sikap merendah diri dan tidak menerimanya dari siapapun dari hambaNya terhadap orang lain kecuali terhadap orang tua. Allah Yang Maha Tinggi berfirman:<br /> <br /> قال الله تعالى : ﴿ وَقَضَى رَبُّكَ أَلاَّ تَعْبُدُواْ إِلاَّ إِيَّاهُ وَبِالْوَالِدَيْنِ إِحْسَانًا إِمَّا يَبْلُغَنَّ عِندَكَ الْكِبَرَ أَحَدُهُمَا أَوْ كِلاَهُمَا فَلاَ تَقُل لَّهُمَآ أُفٍّ وَلاَ تَنْهَرْهُمَا وَقُل لَّهُمَا قَوْلاً كَرِيمًا وَاخْفِضْ لَهُمَا جَنَاحَ الذُّلِّ مِنَ الرَّحْمَةِ وَقُل رَّبِّ ارْحَمْهُمَا كَمَا رَبَّيَانِي صَغِيرًا رَّبُّكُمْ أَعْلَمُ بِمَا فِي نُفُوسِكُمْ إِن تَكُونُواْ صَالِحِينَ فَإِنَّهُ كَانَ لِلأَوَّابِينَ غَفُورًا ﴾<br /> <br /> Dan Tuhanmu telah memerintahkan supaya kamu jangan menyembah selain Dia dan hendaklah kamu berbuat baik pada ibu bapakmu dengan sebaik-baiknya. Jika salah seorang di antara keduanya atau kedua-duanya sampai berumur lanjut dalam pemeliharaanmu, maka sekali-kali janganlah kamu mengatakan kepada keduanya perkataan "ah" dan janganlah kamu membentak mereka dan ucapkanlah kepada mereka perkataan yang mulia. Dan rendahkanlah dirimu terhadap mereka berdua dengan penuh kesayangan dan ucapkanlah: "Wahai Tuhanku, kasihilah mereka keduanya, sebagaimana mereka berdua telah mendidik aku waktu kecil".  Tuhanmu lebih mengetahui apa yang ada dalam hatimu; jika kamu orang-orang yang baik, maka sesungguhnya Dia Maha Pengampun bagi orang-orang yang bertobat. QS. Al-Isro’: 23-25.<br /> Allah Subhanahu Wa Ta’ala berfirman:<br /> <br /> قال الله تعالى : ﴿ وَوَصَّيْنَا الْإِنسَانَ بِوَالِدَيْهِ حَمَلَتْهُ أُمُّهُ وَهْنًا عَلَى وَهْنٍ وَفِصَالُهُ فِي عَامَيْنِ أَنِ اشْكُرْ لِي وَلِوَالِدَيْكَ إِلَيَّ الْمَصِيرُ  وَإِن جَاهَدَاكَ عَلى أَن تُشْرِكَ بِي مَا لَيْسَ لَكَ بِهِ عِلْمٌ فَلَا تُطِعْهُمَا وَصَاحِبْهُمَا فِي الدُّنْيَا مَعْرُوفًا وَاتَّبِعْ سَبِيلَ مَنْ أَنَابَ إِلَيَّ ثُمَّ إِلَيَّ مَرْجِعُكُمْ فَأُنَبِّئُكُم بِمَا كُنتُمْ تَعْمَلُونَ ﴾<br /> <br /> Dan Kami perintahkan kepada manusia (berbuat baik) kepada dua orang ibu-bapaknya; ibunya telah mengandungnya dalam keadaan lemah yang bertambah-tambah, dan menyapihnya dalam dua tahun. Bersyukurlah kepada-Ku dan kepada dua orang ibu bapakmu, hanya kepada-Kulah kembalimu. Dan jika keduanya memaksamu untuk mempersekutukan dengan Aku sesuatu yang tidak ada pengetahuanmu tentang itu, maka<br /> janganlah kamu mengikuti keduanya, dan pergaulilah keduanya di dunia dengan baik, dan ikutilah jalan orang yang kembali kepada-Ku, kemudian hanya kepada-Kulah kembalimu, maka Ku-beritakan kepadamu apa yang telah kamu kerjakan. QS. Luqman: 14-15.<br /> <br /> قال الله تعالى : ﴿ وَوَصَّيْنَا الْإِنسَانَ بِوَالِدَيْهِ إِحْسَانًا حَمَلَتْهُ أُمُّهُ كُرْهًا وَوَضَعَتْهُ كُرْهًا وَحَمْلُهُ وَفِصَالُهُ ثَلَاثُونَ شَهْرًا حَتَّى إِذَا بَلَغَ أَشُدَّهُ وَبَلَغَ أَرْبَعِينَ سَنَةً قَالَ رَبِّ أَوْزِعْنِي أَنْ أَشْكُرَ نِعْمَتَكَ الَّتِي أَنْعَمْتَ عَلَيَّ وَعَلَى وَالِدَيَّ وَأَنْ أَعْمَلَ صَالِحًا تَرْضَاهُ وَأَصْلِحْ لِي فِي ذُرِّيَّتِي إِنِّي تُبْتُ إِلَيْكَ وَإِنِّي مِنَ الْمُسْلِمِينَ أُوْلَئِكَ الَّذِينَ نَتَقَبَّلُ عَنْهُمْ أَحْسَنَ مَا عَمِلُوا وَنَتَجاوَزُ عَن سَيِّئَاتِهِمْ فِي أَصْحَابِ الْجَنَّةِ وَعْدَ الصِّدْقِ الَّذِي كَانُوا يُوعَدُونَ ﴾<br /> <br /> Kami perintahkan kepada manusia supaya berbuat baik kepada dua orang ibu bapaknya, ibunya mengandungnya dengan susah payah, dan melahirkannya dengan susah payah (pula). Mengandungnya sampai menyapihnya adalah tiga puluh bulan, sehingga apabila dia telah dewasa dan umurnya sampai empat puluh tahun ia berdoa: "Ya Tuhanku, tunjukilah aku untuk mensyukuri nikmat Engkau yang telah Engkau berikan kepadaku dan kepada ibu bapakku dan supaya aku dapat berbuat amal yang saleh yang Engkau ridai; berilah kebaikan kepadaku dengan (memberi kebaikan) kepada anak cucuku. Sesungguhnya aku bertobat kepada Engkau dan sesungguhnya aku termasuk orang-orang yang berserah diri". Mereka itulah orang-orang yang Kami terima dari mereka amal yang baik yang telah mereka kerjakan dan Kami ampuni kesalahan-kesalahan mereka, bersama penghuni-penghuni surga, sebagai janji yang benar yang telah dijanjikan kepada mereka. QS. Al-Ahqaf: 15-16.<br /> <br /> Wahai para hamba Allah! Bertaqwalah kepada Allah dan waspadalah terhdap durhaka dan kebencian kepada orang tua sebab hal itu akan mengakibatkan kemurkaan Allah. Dari Ibnu Umar semoga Allah meredhai keduanya berkata: Rasulullah shallallahu alaihi wasallam bersabda: Keredhaan Allah terletak pada keredhaan kedua orang tua dan kemurkaan Allah terletak pada kemurkaan kedua orang tua”. HR Al-Turmudzi dan dishahihkannya.<br /> <br /> Perhatikanlah sebuah riwayat dari Rasulullah shallallahu alaihi wasallam yang menggambarkan tentang siksaan yang akan dirasakan oleh mereka yang durhaka kepada kedua orang tuanya: Tiga orang yang tidak akan masuk surga…di antara mereka adalah orang yang durhaka kepada kedua orang tua”.<br /> <br /> Dan di dalam riwayat Jabir bin Abdullah radhiallahu anhuma bahwa Rasulullah shallallahu alaihi wasallam bersabda: Wahai sekalian kaum muslimin! Jauhilah sikap durhaka kepada kedua orang tua, sesungguhnya bau surga itu akan didapatkan dari jarak seribu tahun perjalanan. Demi Allah! Orang yang durhaka kepada kedua orang tuanya tidak akan pernah mendapatkan bau surga”.<br /> Wahai seklaian orang-orang yang beriman!, takutlah kepada Allah dan sadarilah hakikat dan makna yang ditunjukkan oleh peringatan Rasulullah shallallahu alaihi wasallam ini. Renungkanlah kitab Allah dan petunjuk Nabi kalian dan selaimlah segala apa yang terdapat padanya berupa ilmu dan petunjuk serta fungsinya yang efektif dalam menyembuhkan penyakit hati. Keduanya adalah obat dan penawar yang sangat bermanfaat. Keduanya adalah sebab utama dalam mendapatkan kebahagiaan dan kepemimpinan di dunia dan akherat.<br /> Dan berbuatlah dengan sungguh-sungguh tanpa melampaui batas dan janganlah mengharapkan balasan dari perbuatan baik yang pernah kalian lakukan terhadap bapak-bapak dan ibu-ibu kalian, dan penuhilah perintah Allah dan Rasul-Nya yang mewasiatkan untuk berbuat baik kepada kedua orang tua baik saat hidup atau setelah mereka berdua meninggal.<br /> Telah datang seorang laki-laki kepada Rasulullah shallallahu alaihi wasallam dan berkata: Apakah cara untuk berbuat baik kepada kedua orang tua setelah mereka berdua meninggal dunia?. Rasulullah shallallahu alaihi wasallam menjawab: Ya, dengan berdo’a untuk mereka berdua, menunaikan janji kedua mereka serta menyambung silatur rahmi yang tidak bisa disambung kecuali dengan mereka berdua serta memuliakan teman mereka berdua”. HR. Abu Dawud.<br /> Prkatikkanlah apa yang telah kalian dengar, manfaatkanlah apa yang telah kalian pahami, jika suatu bencana melanda maka sumbangkanlah hartamu bukan jiwamu, dan jika bencana itu telah lewat maka anugrahkanlah jiwamu bukan agamamu. Sesunguhnya orang yang merugi adalah orang yang rugi dalam urusan agamanya dan orang yang binasa adalah orang yang binasa dalam urusan agamanya, sesungguhnya tidak ada kesengsaraan setelah seseorang menang dengan surga, dan tidak ada manfaat kekayaan bagi mereka yang memasuki neraka. Semoga Allah memberikan keberkahannya bagiku dan bagi kalian semua di dalam Al-Qur’an yang mulia, dan Allah memberikan manfaat bagiku dan bagi kalian dengan ayat-ayat  Allah Yang Maha Bijaksana yang tertera di dalamnya. Hanya inilah yang bisa aku katakan dan aku memohon ampunan bagi diriku dan bagi kalian serta seluruh kaum muslimin kepada Allah yang Maha Mulia dari segala dosa. Mohonlah ampun kepadaNya dan bertaubatlah kepada Allah, sebab Dia adalah Zat Yang Pengampun lagi Maha Penyayang.<br /> <br /> II.<br /> <br /> Segala puji bagi Allah atas segala kebaikanNya. Aku panjatkan syukur kepada Allah atas segala taufiq dan anugrah-Nya, aku bersaksi bahwa tiada tuhan yang berhak disembah selain Allah, Yang Maha Esa dan tiada sekutu bagiNya, dan aku bersaksi bahwa Muhammad adalah hamba dan RasulNya, semoga Allah mencurahkan shalawat dan salam kepadaNya, kepada keluarga dan para shahabatNya serta kepada seluruh orang yang mengikuti beliau sehingga hari kiamat.<br /> Ama Ba’du. Wahai sekalian para hamba Allah bertaqwalah kepadaNya, dan ketahuilah bahwa tidak pantas bagi seorang yang berakal yang telah mengetahui keutamaan berbakti kepada kedua orang tua, akibatnya yang terpuji baik di dunia atau di akherat lalu dia berpaling darinya dan tidak menjalankannya, atau justru bertindak durhaka kepada kedua mereka dan memutuskan hubingan dengan mereka berdua. Sungguh, Allah Ta’ala telah melarang bertindak durhaka kepada kedua orang tua saat kedua orang tua dalam kondisi yang sangat lemah, di mana sangat sulit bagi seorang anak berbakti pada keduanya dalam keadaan tersebut.<br /> Allah Ta’ala berfirman:<br /> <br /> قال الله تعالى : ﴿ إِمَّا يَبْلُغَنَّ عِندَكَ الْكِبَرَ أَحَدُهُمَا أَوْ كِلاَهُمَا فَلاَ تَقُل لَّهُمَآ أُفٍّ وَلاَ تَنْهَرْهُمَا وَقُل لَّهُمَا قَوْلاً كَرِيمًا  وَاخْفِضْ لَهُمَا جَنَاحَ الذُّلِّ مِنَ الرَّحْمَةِ وَقُل رَّبِّ ارْحَمْهُمَا كَمَا رَبَّيَانِي صَغِيرًا ﴾<br /> <br /> “…Jika salah seorang di antara keduanya atau kedua-duanya sampai berumur lanjut dalam pemeliharaanmu maka sekali-kali janganlah kamu mengatakan kepada keduanya perkataan "ah" dan janganlah kamu membentak mereka dan ucapkanlah kepada mereka perkataan yang mulia. Dan rendahkanlah dirimu terhadap mereka berdua dengan penuh kesayangan dan ucapkanlah: "Wahai Tuhanku, kasihilah mereka keduanya, sebagaimana mereka berdua telah mendidik aku waktu kecil". QS. Al-Isro’: 23-24<br /> <br /> Dalam kondisi tua, kedua orang tua berada dalam kendisi lemah badan dan akal bahkan bisa jadi hiadup dalam usia tua renta, yaitu usia yang bisa menimbulkan kemarahan dan kebosanan terhadap kedua orang tua. Dalam kondisi ini, Allah melarang sang anak bertindak marah walau sedikit terhadap kedua orang tua dan bahkan Allah memerintahkan untuk berkata perkataan yang mulia, dan seorang anak harus merendahkan diri dengan penuh kasih sayang, maka dia berbicara dengannya dengan suara yang merendahkan dirinya di hadapan orang tua, memperlakukan kedua orang tua dengan perlakuan seorang pembantu yang merendah di hadapan majikannya, sebagai bentuk kasih sayang dan berlaku baik kepada kedua orang tua, lalu dia berdo’a kepada Allah agar mereka berdua dicrahkan kasih sayang sebgaimana kedua orang tua telah berkasih sayang kepada anaknya saat masih bayi, dan dalam konidisi sangat membutuhkan, pada saat kecl itulah mereka berdua mendidiknya.<br /> Hanya ini yang bisa aku sampaikan, ucapkanlah shalawat dan salam kepada Nabi Muhammad, pembawa berita gembira dan ancaman sebagaimana Allah memmerintahkan hal yang demikian itu di dalam kitabNya yang mulia.</span>

Berbakti Kepada Orang Tua

Segala puji bagi Allah, Pencipta bumi dan langit, Yang Maha Mengetahui segala perkara baik yang rahasia dan tersembunyi, Yang Maha Tahu sega...

Read more »

Mengenal Software Web Design II

<div class="MsoNormal" style="line-height: 150%; margin-left: 22.8pt; mso-list: l9 level2 lfo1; tab-stops: 19.95pt; text-align: justify; text-indent: -22.8pt;"> <b><span style="font-family: Tahoma, sans-serif;">Dasar-dasar HTML<o:p></o:p></span></b></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l11 level1 lfo2; tab-stops: 19.95pt; text-align: justify; text-indent: -19.95pt;"> <b><span style="font-family: Tahoma, sans-serif;">a.<span style="font: normal normal normal 7pt/normal 'Times New Roman';">    </span></span></b><b><span style="font-family: Tahoma, sans-serif;">Tujuan Kegiatan Pemelajaran<o:p></o:p></span></b></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 42.75pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l2 level1 lfo4; tab-stops: list 42.75pt 117.25pt; text-align: justify; text-indent: -22.8pt;"> <span style="font-family: Tahoma, sans-serif;">1)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">     </span></span><span style="font-family: Tahoma, sans-serif;">Peserta diklat dapat mengenali obyek-obyek web dan tag-tag HTML dalam pembuatan halaman-halaman web.<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 42.75pt; mso-list: l2 level1 lfo4; tab-stops: list 42.75pt 117.25pt; text-align: justify; text-indent: -22.8pt;"> <span style="font-family: Tahoma, sans-serif;">2)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">     </span></span><span style="font-family: Tahoma, sans-serif;">Peserta diklat dapat mengenali fitur-fitur pengelolaan file halaman web.<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 42.75pt; mso-list: l2 level1 lfo4; tab-stops: list 42.75pt 117.25pt; text-align: justify; text-indent: -22.8pt;"> <span style="font-family: Tahoma, sans-serif;">3)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">     </span></span><span style="font-family: Tahoma, sans-serif;">Peserta diklat dapat melakukan kombinasi tag-tag HTML dengan obyek-obyek lain untuk membangun halaman web yang disimpan dalam format HTML.<o:p></o:p></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l11 level1 lfo2; tab-stops: 19.95pt; text-align: justify; text-indent: -19.95pt;"> <b><span style="font-family: Tahoma, sans-serif;">b.<span style="font: normal normal normal 7pt/normal 'Times New Roman';">    </span></span></b><b><span style="font-family: Tahoma, sans-serif;">Uraian Materi 2</span></b><span style="font-family: Tahoma, sans-serif;"><o:p></o:p></span></div> <div class="MsoNormal" style="line-height: 150%; margin-top: 9.0pt; text-align: justify;"> <b><span style="font-family: Tahoma, sans-serif;">1)  HTML<o:p></o:p></span></b></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 22.8pt; margin-right: 0cm; margin-top: 9.0pt; tab-stops: 22.8pt; text-indent: 0cm;"> <span style="font-family: Tahoma, sans-serif;">HTML yang merupakan kepanjangan dari <i>Hyper Text MarkUp Language</i> memiliki fungsi untuk memformat dokumen teks biasa agar bisa digunakan pada World Wide Web (WWW). HTML bukan merupakan suatu bahasa pemrograman, karena sifatnya yang hanya memberikan tanda (<i>marking up</i>) pada suatu dokumen teks dan bukan sebagai program. <o:p></o:p></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 22.8pt; margin-right: 0cm; margin-top: 9.0pt; tab-stops: 22.8pt; text-indent: 0cm;"> <span lang="EN-US" style="font-family: Tahoma, sans-serif;">Pada awalnya HTML dikembangkan sebagai subset SGML (<i>Standart Generalized Mark-Up Language</i>). Karena HTML didedikasikan untuk ditransmisikan melalui media internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.</span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 22.8pt; margin-right: 0cm; margin-top: 9.0pt; tab-stops: 22.8pt; text-indent: 0cm;"> <span lang="EN-US" style="font-family: Tahoma, sans-serif;">File-file HTML merupakan dokumen teks yang diformat menggunakan HTML, maka untuk melakukan penulisan maupun editing dokumen HTML dapat menggunakan berbagai macam editor, dalam hal ini digunakan Notepad.<o:p></o:p></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 22.8pt; margin-right: 0cm; margin-top: 9.0pt; tab-stops: 22.8pt; text-indent: 0cm;"> <span lang="DE" style="font-family: Tahoma, sans-serif;">Struktur dasar dokumen HTML berisi elemen-elemen atau tag, seperti pada gambar berikut :<o:p></o:p></span></div> <span class="fullpost"><br /> <br /> </span><br /> <div class="separator" style="clear: both; text-align: center;"> <span class="fullpost"><a href="http://1.bp.blogspot.com/-QPogyydHqko/Tl8k7274YyI/AAAAAAAAALE/WndI3TjIwAI/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="http://1.bp.blogspot.com/-QPogyydHqko/Tl8k7274YyI/AAAAAAAAALE/WndI3TjIwAI/s320/3.png" width="320" /></a></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 54.0pt; margin-right: 0cm; margin-top: 0cm; text-indent: 27.0pt;"> <span class="fullpost"><br /></span></div> <div align="center" class="MsoBlockText" style="margin-bottom: .0001pt; margin: 0cm; text-align: center; text-indent: 0cm;"> <span class="fullpost"><span lang="DE" style="font-family: Tahoma, sans-serif;">Gambar 3. Struktur Dasar HTML.<o:p></o:p></span></span></div> <div align="left" class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: 9.0pt; tab-stops: 25.65pt; text-align: left; text-indent: 0cm;"> <span class="fullpost"><span lang="DE" style="font-family: Tahoma, sans-serif;">       Keterangan :<o:p></o:p></span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 48.45pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l3 level1 lfo11; tab-stops: list 48.45pt; text-indent: -22.8pt;"> <span class="fullpost"><span lang="EN-US" style="font-family: Tahoma, sans-serif;">a)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span lang="EN-US" style="font-family: Tahoma, sans-serif;"><html> </html> : mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML.<o:p></o:p></span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 48.45pt; margin-right: 0cm; margin-top: 0cm; mso-list: l3 level1 lfo11; tab-stops: list 48.45pt; text-indent: -22.8pt;"> <span class="fullpost"><span lang="EN-US" style="font-family: Tahoma, sans-serif;">b)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span lang="EN-US" style="font-family: Tahoma, sans-serif;"><head> </head> : mendefinisikan head dalam sebuah file HTML.<o:p></o:p></span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 48.45pt; margin-right: 0cm; margin-top: 0cm; mso-list: l3 level1 lfo11; tab-stops: list 48.45pt; text-indent: -22.8pt;"> <span class="fullpost"><span lang="EN-US" style="font-family: Tahoma, sans-serif;">c)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span lang="EN-US" style="font-family: Tahoma, sans-serif;"><title> </title> : mendefinisikan judul yang hendak ditampilkan pada browser.<o:p></o:p></span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 48.45pt; margin-right: 0cm; margin-top: 0cm; mso-list: l3 level1 lfo11; tab-stops: list 48.45pt; text-indent: -22.8pt;"> <span class="fullpost"><span lang="EN-US" style="font-family: Tahoma, sans-serif;">d)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span lang="EN-US" style="font-family: Tahoma, sans-serif;"><body> </body> : mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-top: 9.0pt; text-align: justify;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">2)  Format Teks Dasar dalam HTML<o:p></o:p></span></b></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 45.6pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l6 level2 lfo3; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">a)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">       </span></span><span style="font-family: Tahoma, sans-serif;">Heading, HTML mengenal 6 level heading, mulai 1 (terbesar) sampai 6. heading ditampilkan dengan font lebih besar dan tebal daripada teks normal.<o:p></o:p></span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 81.0pt; margin-right: 0cm; margin-top: 0cm; text-indent: 27.0pt;"> <span class="fullpost"><span lang="EN-US" style="font-family: Tahoma, sans-serif;"><h1>heading level 1</h1>, <h2>heading level 2</h2>dst.<o:p></o:p></span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 81.0pt; margin-right: 0cm; margin-top: 0cm; text-indent: 27.0pt;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><br /> </span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 81.0pt; margin-right: 0cm; margin-top: 0cm; text-indent: 27.0pt;"> <span class="fullpost"><br /></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 81.0pt; margin-right: 0cm; margin-top: 0cm; text-indent: 27.0pt;"> <span class="fullpost"><br /></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-PiVFQlS_rWQ/Tl8lAexQQ-I/AAAAAAAAALI/jwUgP28SYHM/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="167" src="http://3.bp.blogspot.com/-PiVFQlS_rWQ/Tl8lAexQQ-I/AAAAAAAAALI/jwUgP28SYHM/s320/4.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small;">Gambar 4. Tag Heading.</span></td></tr> </tbody></table> <div align="center" class="MsoBlockText" style="margin-bottom: .0001pt; margin: 0cm; text-align: center; text-indent: 0cm;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><br /> </span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 45.6pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l6 level2 lfo3; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">b)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">       </span></span><span style="font-family: Tahoma, sans-serif;">Paragraf, setiap ada paragraf baru diawali dengan <p><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 108.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><p>paragraf satu</p>, dst.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; mso-list: l6 level2 lfo3; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">c)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">       </span></span><span style="font-family: Tahoma, sans-serif;">List, HTML mendukung daftar (list) tidak bernomor, bernomor dan definisi.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 71.25pt; margin-right: 0cm; margin-top: 9.0pt; tab-stops: list 71.25pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Tidak bernomor (unordered list) :<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><ul>  <o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><li>satu<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><li>dua<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><li>tiga<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"></ul><o:p></o:p></span></span></div> <div class="MsoNormal" style="text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">                  </span></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-8m6xx2lfNYI/Tl8lDhhp5lI/AAAAAAAAALM/FlChVzZW4iU/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="144" src="http://1.bp.blogspot.com/-8m6xx2lfNYI/Tl8lDhhp5lI/AAAAAAAAALM/FlChVzZW4iU/s320/5.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 5. Tampilan dari Tag Unordered List</span></td></tr> </tbody></table> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 71.25pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l0 level1 lfo16; tab-stops: list 71.25pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Symbol;">·<span style="font: normal normal normal 7pt/normal 'Times New Roman';">              </span></span><span style="font-family: Tahoma, sans-serif;">Bernomor (ordered list) :<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><ol><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 144.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><li>satu<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 144.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><li>dua<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><li>tiga<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"></ol><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><br /></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><br /></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-RYYW6rRSE64/Tl8lIzZlWzI/AAAAAAAAALQ/JL-CedZ8R-M/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="136" src="http://1.bp.blogspot.com/-RYYW6rRSE64/Tl8lIzZlWzI/AAAAAAAAALQ/JL-CedZ8R-M/s320/6.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small;">Gambar 6. Tampilan dari Tag Ordered List</span></td></tr> </tbody></table> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><br /></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><br /> </span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 71.25pt; margin-right: 0cm; margin-top: 9.0pt; tab-stops: list 71.25pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Definisi (definition list) :<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><dl><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><dt><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 144.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><dd><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><dt><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 144.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><dd><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"></dl><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><br /></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><br /></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><br /></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-UO-lIS_iWdM/Tl8lLjMV-5I/AAAAAAAAALU/YWgnQxhC-F8/s1600/7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="161" src="http://3.bp.blogspot.com/-UO-lIS_iWdM/Tl8lLjMV-5I/AAAAAAAAALU/YWgnQxhC-F8/s320/7.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 7. Tampilan dari Tag Definition List</span></td></tr> </tbody></table> <div align="center" class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: center; text-indent: -.75pt;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><br /> </span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 45.6pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l6 level2 lfo3; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">d)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">       </span></span><span style="font-family: Tahoma, sans-serif;">Performatted Text, dalam HTML, spasi, tab dan baris baru (enter) tidak memiliki pengaruh. Agar format tampilan sesuai dengan sourcenya, maka diperlukan tag <pre>.<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><pre><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Nama            : Saya<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Tanggal        : Lahir<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"></pre><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><br /></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><br /></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><br /></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-5AzYiJEjxYA/Tl8lN501LII/AAAAAAAAALY/ILVFu2WCBEs/s1600/8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="111" src="http://1.bp.blogspot.com/-5AzYiJEjxYA/Tl8lN501LII/AAAAAAAAALY/ILVFu2WCBEs/s320/8.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 8. Tampilan dari Tag Preformatted Text</span></td></tr> </tbody></table> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 45.6pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l6 level2 lfo3; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">e)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">       </span></span><span style="font-family: Tahoma, sans-serif;">Extended Quotations, untuk membuat kutipan panjang, sehingga hasilnya menjorok ke dalam, digunakan tag <blockquote>.<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><p>paragraf satu</p><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">          <blockquote><o:p></o:p></span></span></div> <div class="MsoNormal" style="text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">                                                <p>paragraf masuk ke dalam</p><o:p></o:p></span></span></div> <div class="MsoNormal" style="text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">                                       </blockquote><o:p></o:p></span></span></div> <div class="MsoNormal" style="text-align: justify;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><span class="Apple-style-span" style="font-family: 'Times New Roman';"><br /> </span></span></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-JSCRitnhkYI/Tl8lQLqXjOI/AAAAAAAAALc/Jiv4I_nulSE/s1600/9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="149" src="http://2.bp.blogspot.com/-JSCRitnhkYI/Tl8lQLqXjOI/AAAAAAAAALc/Jiv4I_nulSE/s320/9.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small;">Gambar 9. Tampilan dari Tag Blockquote</span></td></tr> </tbody></table> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 45.6pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l6 level2 lfo3; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">f)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">        </span></span><span style="font-family: Tahoma, sans-serif;">Ganti baris (line break), untuk menulis alamat surat dengan baris-baris pendek, tidak bagus jika menggunakan tag <p>(spasi terlalu lebar). Maka digunakan tag <br> untuk ganti baris.<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Karangmalang.<br><o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Yogyakarta.<br><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 108.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">55281<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; mso-list: l6 level2 lfo3; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">g)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">       </span></span><span style="font-family: Tahoma, sans-serif;">Garis datar (horizontal rule), untuk membuat garis horizontal yang digunakan untuk membatasi bagian-bagian digunakan tag <hr>. Yang dapat diikuti dengan penentuan ukurannya dengan atribut size dan width.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><hr size=”4” width=”75%”><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; mso-list: l6 level2 lfo3; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">h)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">       </span></span><span style="font-family: Tahoma, sans-serif;">Memformat karakter, <o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><b> atau <strong>          untuk membuat teks Bold.<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><i> atau <em>                untuk membuat teks Italic.<o:p></o:p></span></span></div> <div class="MsoNormal" style="margin-left: 108.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><tt> atau <code>  untuk membuat teks typewriter.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; text-align: justify;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><span class="Apple-style-span" style="font-family: 'Times New Roman';"><br /> </span></span></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-efLrhEYzJnk/Tl8lSNlyjXI/AAAAAAAAALg/n8MveOYJeK8/s1600/10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="150" src="http://4.bp.blogspot.com/-efLrhEYzJnk/Tl8lSNlyjXI/AAAAAAAAALg/n8MveOYJeK8/s320/10.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 10. Hasil Format Karakter</span></td></tr> </tbody></table> <div class="MsoNormal" style="line-height: 150%; margin-top: 9.0pt; text-align: justify;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">3)  Dasar Link HTML<o:p></o:p></span></b></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 48.45pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l1 level1 lfo10; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">1)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;">Relative dan Absolute Link, link ke suatu dokumen pada direktori lain dapat dibuat dengan menentukan relative path dari posisi dokumen asal berada. Ini disebut sebagai relative link. Misal :<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">a href=”Harga/index.html”>Daftar Harga</a><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Alamat (URL) dokumen secara lengkap (absolute path) dapat digunakan untuk menentukan tujuan link, disebut link absolute :<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">a href=”http://gmail.google.com”>E-mail Google</a><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 48.45pt; mso-list: l1 level1 lfo10; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">2)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;">Link ke suatu bagian di dokumen lain, misalnya : satu.html dilink ke suatu bagian di dua.html, caranya adalah :<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Pada dokumen satu.html, dituliskan : <o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><a href=”dua.html#BT”>Tiga</a><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Pada bagian yang dituju, dituliskan :   <o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><a name=”BT”>Tiga</a><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 48.45pt; mso-list: l1 level1 lfo10; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">3)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;">Link ke suatu bagian di dokumen yang sama, caranya hampir sama dengan langkah di atas :<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Pada dokumen satu.html, dituliskan : <o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><a href=”#BT”>Tiga</a><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Pada bagian yang dituju, dituliskan :   <o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 108.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><a name=”BT”>Tiga</a><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 48.45pt; mso-list: l1 level1 lfo10; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">4)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;">Mailto, link yang langsung menuju ke alamat e-mail.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><a href=”mailto:saya@gmail.com?subject=Masuk ga?”><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Kirim E-mail</a><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-top: 9.0pt; text-align: justify;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">4)  Menyisipkan Gambar<o:p></o:p></span></b></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 48.45pt; margin-right: 0cm; margin-top: 9.0pt; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Atribut ukuran gambar, bila tidak dituliskan, maka ukuran gambar sesuai ukuran aslinya. Namun ukuran gambar bisa dibuat dengan nilai tertentu dengan cara menuliskan atribut height dan width.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 72.0pt; text-align: justify; text-indent: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><img src=”foto.fpg” height=”200” width=”100”.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 48.45pt; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Pelurusan gambar, posisi gambar terhadap teks sebelum dan sesudahnya bisa fleksibel, misalnya lurus atas :<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 90.0pt; text-align: justify; text-indent: 18.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><img src=”foto.bmp” align=”top”><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 48.45pt; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Teks alternatif untuk gambar, dimaksudkan untuk mengganti gambar apabila browser tidak mampu menampilkan gambar tersebut.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 90.0pt; text-align: justify; text-indent: 18.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><img src=”foto.jpg” alt=”Foto”><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 48.45pt; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Atribut border dan spasi, jika atribut ini tidak disertakan, maka gambar ditampilkan tanpa garis tepi.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 90.0pt; text-align: justify; text-indent: 18.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><img src=”foto.gif” border=”10”><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 48.45pt; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Gambar sebagai hyperlink.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 90.0pt; text-align: justify; text-indent: 18.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><a href=”registrasi.html”><img src=”foto.gif”></a><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 48.45pt; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Gambar sebagai background<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 90.0pt; text-align: justify; text-indent: 18.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><body background=”file_gambar.jpg”><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 48.45pt; tab-stops: list 45.6pt; text-align: justify; text-indent: -25.65pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Background warna<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 90.0pt; text-align: justify; text-indent: 18.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><body bgcolor=”red” text=”white” link=”green”><o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-top: 9.0pt; text-align: justify;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">5)  Membuat Tabel<o:p></o:p></span></b></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; text-align: justify; text-indent: .15pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri dari kolom dan baris. Berikut contoh untuk membuat sebuah tabel yang terdiri dari 2 kolom dan 2 baris.</span></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-h-vCNDqydzU/Tl8lUctu_iI/AAAAAAAAALk/0Sbt9tOt6No/s1600/11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="221" src="http://2.bp.blogspot.com/-h-vCNDqydzU/Tl8lUctu_iI/AAAAAAAAALk/0Sbt9tOt6No/s320/11.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 11. Tag HTML untuk Membuat Tabel</span></td></tr> </tbody></table> <div class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: justify;"> <span class="fullpost"><br /></span></div> <div align="center" class="MsoNormal" style="line-height: 150%; text-align: center;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><br /> </span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 22.8pt; margin-right: 0cm; margin-top: 9.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Keterangan :<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 45.6pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l10 level1 lfo12; tab-stops: list 45.6pt; text-align: justify; text-indent: -22.8pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">a)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;"><table> </table> : mendefinisikan bahwa teks di dalamnya merupakan tag-tag pembuatan tabel.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; mso-list: l10 level1 lfo12; tab-stops: list 45.6pt; text-align: justify; text-indent: -22.8pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">b)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;"><table border=2> : mendefinisikan penentuan ada atau tidaknya serta ukuran border pada tabel.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; mso-list: l10 level1 lfo12; tab-stops: list 45.6pt; text-align: justify; text-indent: -22.8pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">c)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;"><tr> </tr> : table row, mendefinisikan bahwa teks di dalamnya akan berada dalam satu baris. Banyaknya tag <tr></tr> menunjukkan banyaknya baris pada suatu tabel.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 45.6pt; mso-list: l10 level1 lfo12; tab-stops: list 45.6pt; text-align: justify; text-indent: -22.8pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">d)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;"><td> </td> : table division, mendefinisikan isi dari suatu kolom, tag ini selalu berada di dalam tag <tr></tr>. Banyaknya tag <td></td> diantara tag </tr></tr> menunjukkan banyaknya kolom dalam suatu baris. <o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><o:p> </o:p></span><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"> </span></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-mxwdii4al8Q/Tl8lWr1cLvI/AAAAAAAAALo/LfEyGfFfs4g/s1600/12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="149" src="http://4.bp.blogspot.com/-mxwdii4al8Q/Tl8lWr1cLvI/AAAAAAAAALo/LfEyGfFfs4g/s320/12.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 12. Hasil Pembuatan Tabel</span></td></tr> </tbody></table> <div class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: justify;"> <span class="fullpost"><br /></span></div> <div class="MsoNormal" style="line-height: 150%; margin-top: 9.0pt; text-align: justify;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">6)  Membuat Frame<o:p></o:p></span></b></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Frame HTML digunakan untuk membuat tampilan HTML yang terbagi menjadi beberapa bagian di mana setiap bagiannya merupakan satu halaman HTML yang terpisah. Frame bernmanfaat saat suatu halaman HTML pada suatu bagiannya gerganti-ganti isi, sedangkan pada bagian lainnya relatif tetap, sehingga lebih menghemat bandwidth internet. <o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 19.95pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Berikut contoh pembuatan frame :<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: justify;"> <span class="fullpost"><br /></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-JXx6bhZxnl4/Tl8lY_DLycI/AAAAAAAAALs/bAsX__KTcHo/s1600/13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="174" src="http://4.bp.blogspot.com/-JXx6bhZxnl4/Tl8lY_DLycI/AAAAAAAAALs/bAsX__KTcHo/s320/13.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 13. Tag HTML untuk Membuat Frame</span></td></tr> </tbody></table> <div class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><o:p> </o:p></span><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;">Keterangan :</span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l8 level1 lfo13; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">a)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Menentukan banyaknya baris dan tinggi masing-masing frame. Di sini dibuat dua baris dengan tinggi 80 pixel untuk baris pertama, dan tinggi baris kedua memanfaatkan sisa ruang pada <i>web browser</i> (dinyatakan dengan tanda *).<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l8 level1 lfo13; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">b)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Memberikan nama pada frame pertama yang telah dibuat dan menentukan nama file yang akan ditampilkan dalam frame tersebut.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l8 level1 lfo13; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">c)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Membagi baris kedua menjadi 2 kolom dengan ukuran kolom kiri 150 pixel dan kolom kanan memanfaatkan sisanya.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l8 level1 lfo13; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">d)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Memberikan nama frame paling kiri pada baris kedua dengan nama left_menu dan menentukan file menu.html menjadi isi pada frame ini. Frame sebelah kanan dinamai main_page dengan file isi.html sebagai isinya.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l8 level1 lfo13; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">e)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Mengakhiri pembuatan frame.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><o:p> </o:p></span><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"> </span></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-O8UgDmE7Qmg/Tl8lenJjjWI/AAAAAAAAALw/tbtzZszyVyM/s1600/14.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="240" src="http://2.bp.blogspot.com/-O8UgDmE7Qmg/Tl8lenJjjWI/AAAAAAAAALw/tbtzZszyVyM/s320/14.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 14. Tampilan Halaman Web dengan Frame</span></td></tr> </tbody></table> <div align="center" class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: center;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><br /> </span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-top: 9.0pt; text-align: justify;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">7)  Membuat Form<o:p></o:p></span></b></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; text-align: justify; text-indent: .15pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Form merupakan elemen HTML yang berupa blanko (form) yang dipergunakan untuk menjaring informasi dari pengguna. Macam-macam form :<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 42.75pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l4 level1 lfo14; tab-stops: 42.75pt; text-align: justify; text-indent: -22.8pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">a)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;">Input, dengan tipe : text, password, checkbox, radio button, reset, submit dan hidden.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 42.75pt; mso-list: l4 level1 lfo14; tab-stops: 42.75pt; text-align: justify; text-indent: -22.8pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">b)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">     </span></span><span style="font-family: Tahoma, sans-serif;">Textarea.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 42.75pt; mso-list: l4 level1 lfo14; tab-stops: 42.75pt; text-align: justify; text-indent: -22.8pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">c)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span><span style="font-family: Tahoma, sans-serif;">Select.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 17.1pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Berikut ini contoh tag pembuatan form :<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: justify;"> <span class="fullpost"><br /></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-EYW2sEKm0jQ/Tl8ljyZAHOI/AAAAAAAAAL0/tod92Sg03r0/s1600/15.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="240" src="http://3.bp.blogspot.com/-EYW2sEKm0jQ/Tl8ljyZAHOI/AAAAAAAAAL0/tod92Sg03r0/s320/15.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 15. Tag HTML untuk Pembuatan Form</span></td></tr> </tbody></table> <div class="separator" style="clear: both; text-align: center;"> <span class="fullpost"><br /></span></div> <div align="center" class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: center;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><br /> </span></span></div> <div class="MsoNormal" style="line-height: 150%; text-align: justify;"> <span class="fullpost"><br /></span></div> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-77GksP0sfBQ/Tl8lniZUzeI/AAAAAAAAAL4/ysPwYAo1Q3w/s1600/16.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="236" src="http://3.bp.blogspot.com/-77GksP0sfBQ/Tl8lniZUzeI/AAAAAAAAAL4/ysPwYAo1Q3w/s320/16.png" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif; font-size: small; line-height: 24px;">Gambar 16. Tampilan Macam-Macam Form</span></td></tr> </tbody></table> <div class="MsoNormal" style="line-height: 150%; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;"><o:p> </o:p></span><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"> </span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l11 level1 lfo2; tab-stops: 19.95pt; text-align: justify; text-indent: -19.95pt;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">c.<span style="font: normal normal normal 7pt/normal 'Times New Roman';">     </span></span></b><b><span style="font-family: Tahoma, sans-serif;">Rangkuman 2<o:p></o:p></span></b></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l14 level1 lfo5; tab-stops: 37.05pt; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">1)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Pengenalan terhadap tag-tag HTML belum memerlukan <i>web editor</i> (<i>software</i> <i>web design</i>) seperti Macromedia Dreamweaver, MX tetapi cukup menggunakan teks editor (misalkan :  Notepad).<o:p></o:p></span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 0cm; mso-list: l14 level1 lfo5; tab-stops: 37.05pt; text-indent: -17.1pt;"> <span class="fullpost"><span lang="DE" style="font-family: Tahoma, sans-serif;">2)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span lang="DE" style="font-family: Tahoma, sans-serif;">Dasar-dasar HTML mencakup struktur dasar dokumen HTML dan format teks dasar HTML.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l11 level1 lfo2; tab-stops: 19.95pt; text-align: justify; text-indent: -19.95pt;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">d.<span style="font: normal normal normal 7pt/normal 'Times New Roman';">    </span></span></b><b><span style="font-family: Tahoma, sans-serif;">Tugas 2<o:p></o:p></span></b></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l13 level1 lfo15; tab-stops: 37.05pt; text-indent: -17.1pt;"> <span class="fullpost"><span lang="EN-US" style="font-family: Tahoma, sans-serif;">1)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Ketiklah lagi tag-tag HTML pada masing-masing contoh pada uraian materi di atas dengan menggunakan Notepad. Kemudian simpan menjadi file HTML (dengan ekstensi *.html) dan taruh di dalam folder yang sama. </span><span lang="EN-US" style="font-family: Tahoma, sans-serif;">Jalankan dokumen – dokumen HTML tersebut pada browser dan amati!<o:p></o:p></span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 0cm; mso-list: l13 level1 lfo15; tab-stops: 37.05pt; text-indent: -17.1pt;"> <span class="fullpost"><span lang="EN-US" style="font-family: Tahoma, sans-serif;">2)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span lang="EN-US" style="font-family: Tahoma, sans-serif;">Cari sumber bacaan maupun buku referensi yang menjelaskan secara detail tentang dasar-dasar HTML.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l11 level1 lfo2; tab-stops: 19.95pt; text-align: justify; text-indent: -19.95pt;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">e.<span style="font: normal normal normal 7pt/normal 'Times New Roman';">    </span></span></b><b><span style="font-family: Tahoma, sans-serif;">Tes Formatif 2<o:p></o:p></span></b></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l5 level1 lfo6; tab-stops: 37.05pt; text-indent: -17.1pt;"> <span class="fullpost"><span lang="NL" style="font-family: Tahoma, sans-serif;">1)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Apa yang anda ketahui tentang HTML dan <i>web editor</i>?</span><span lang="NL" style="font-family: Tahoma, sans-serif;"><o:p></o:p></span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 0cm; mso-list: l5 level1 lfo6; tab-stops: 37.05pt; text-indent: -17.1pt;"> <span class="fullpost"><span lang="NL" style="font-family: Tahoma, sans-serif;">2)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span lang="NL" style="font-family: Tahoma, sans-serif;"><br /> Buatlah halaman HTML untuk menampilkan formulir isian biodata anggota, seperti gambar 17 menggunakan editor Notepad.</span></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 54.0pt; margin-right: 0cm; margin-top: 0cm; text-indent: 0cm;"> <span class="fullpost"><br /></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 54.0pt; margin-right: 0cm; margin-top: 0cm; text-indent: 0cm;"> <span class="fullpost"><br /></span></div> <div class="separator" style="clear: both; text-align: center;"> <span class="fullpost"><a href="http://3.bp.blogspot.com/-iCZ_TW5oWfg/Tl8lpjNbQ2I/AAAAAAAAAL8/-FoiQp0MLMM/s1600/17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="http://3.bp.blogspot.com/-iCZ_TW5oWfg/Tl8lpjNbQ2I/AAAAAAAAAL8/-FoiQp0MLMM/s320/17.png" width="320" /></a></span></div> <div class="MsoBlockText" style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 54.0pt; margin-right: 0cm; margin-top: 0cm; text-indent: 0cm;"> <span class="fullpost"><br /></span></div> <div align="center" class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: center;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Gambar 17. Form Isian Biodata Anggota<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l11 level1 lfo2; tab-stops: 19.95pt; text-align: justify; text-indent: -19.95pt;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">f.<span style="font: normal normal normal 7pt/normal 'Times New Roman';">      </span></span></b><b><span style="font-family: Tahoma, sans-serif;">Kunci Jawaban Formatif 2<o:p></o:p></span></b></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l12 level1 lfo7; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">1)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">HTML adalah <i>Hyper Text MarkUp Language</i>, yang berfungsi memformat dokumen teks biasa untuk bisa digunakan pada WWW. <o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; tab-stops: 37.05pt; text-align: justify;"> <span class="fullpost"><i><span style="font-family: Tahoma, sans-serif;">Web editor</span></i><span style="font-family: Tahoma, sans-serif;"> dapat diartikan sama dengan pengertian dari <i>software</i> <i>web design</i>, yaitu sebuah perangkat lunak yang berguna untuk membangun/membuat/mendisain dan mengedit halaman-halaman web, baik yang bersifat statis maupun dinamis.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l12 level1 lfo7; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">2)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Dokumen HTML-nya :<o:p></o:p></span></span></div> <div class="separator" style="clear: both; text-align: center;"> <span class="fullpost"><a href="http://4.bp.blogspot.com/-wBX5zmoMoE4/Tl8nDcMh72I/AAAAAAAAAMA/gFNQUawoHnI/s1600/18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="http://4.bp.blogspot.com/-wBX5zmoMoE4/Tl8nDcMh72I/AAAAAAAAAMA/gFNQUawoHnI/s320/18.png" width="320" /></a></span></div> <div class="MsoNormal" style="line-height: 150%; text-align: justify;"> <span class="fullpost"><span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><span class="Apple-style-span" style="font-family: 'Times New Roman';"><br /> </span></span></span></div> <div align="center" class="MsoNormal" style="line-height: 150%; text-align: center;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">Gambar 18. Tag-tag HTML Halaman Isian Biodata<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l11 level1 lfo2; tab-stops: 19.95pt; text-align: justify; text-indent: -19.95pt;"> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif;">g.<span style="font: normal normal normal 7pt/normal 'Times New Roman';">    </span></span></b><b><span style="font-family: Tahoma, sans-serif;">Lembar Kerja 2</span></b><span style="font-family: Tahoma, sans-serif;"><o:p></o:p></span></span></div> <h5 style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt;"> <span class="fullpost"><span lang="EN-US" style="font-family: Tahoma, sans-serif; font-size: 12pt; line-height: 150%;">Alat dan Bahan<o:p></o:p></span></span></h5> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; text-align: justify;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">PC (<i>Personal Computer</i>) yang telah dilengkapi dengan <i>web browser</i> dan editor teks Notepad.<o:p></o:p></span></span></div> <h4 style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt; tab-stops: 36.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif; font-size: 12pt; line-height: 150%;">Kesehatan dan Keselamatan Kerja<o:p></o:p></span></span></h4> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l15 level1 lfo9; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">1)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Berdo’alah sebelum memulai kegiatan belajar.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l15 level1 lfo9; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">2)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Bacalah dan pahami petunjuk praktikum pada setiap lembar kegiatan belajar.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l15 level1 lfo9; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">3)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Pastikan komputer dalam keadaan baik, semua kabel penghubung terhubung dengan benar.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l15 level1 lfo9; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">4)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Jangan meletakkan benda yang dapat mengeluarkan medan elektromagnetik di dekat komputer (magnet, <i>handphone</i>, dan sebagainya).<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l15 level1 lfo9; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">5)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Gunakanlah komputer sesuai fungsinya dengan hati-hati, jangan bermain <i>game</i>.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l15 level1 lfo9; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">6)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Setelah selesai, matikan komputer sesuai prosedur yang aman!<o:p></o:p></span></span></div> <h6 style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 19.95pt; margin-right: 0cm; margin-top: 9.0pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif; font-size: 12pt; line-height: 150%;">Langkah Kerja<o:p></o:p></span></span></h6> <div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 37.05pt; margin-right: 0cm; margin-top: 9.0pt; mso-list: l7 level1 lfo8; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">1)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Siapkanlah semua peralatan yang akan digunakan!<o:p></o:p></span></span></div> <div class="MsoBodyText" style="margin-left: 37.05pt; mso-list: l7 level1 lfo8; tab-stops: 37.05pt; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif; font-size: 12pt; line-height: 150%;">2)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif; font-size: 12pt; line-height: 150%;">Periksa semua kabel penghubung pada PC.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l7 level1 lfo8; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">3)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Nyalakan PC dan jalankan program editor notepad dan <i>web browser</i> Internet Explorer.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l7 level1 lfo8; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">4)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Kerjakan Tugas 2 dan Tes Formatif 2 di atas.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l7 level1 lfo8; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">5)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Apabila menemui kesulitan dalam memahami materi yang ada, segera tanyakan denga instruktur.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 37.05pt; mso-list: l7 level1 lfo8; tab-stops: 37.05pt; text-align: justify; text-indent: -17.1pt;"> <span class="fullpost"><span style="font-family: Tahoma, sans-serif;">6)<span style="font: normal normal normal 7pt/normal 'Times New Roman';">   </span></span><span style="font-family: Tahoma, sans-serif;">Setelah selesai, matikan komputer dan rapikan seperti semula.<o:p></o:p></span></span></div> <div class="MsoNormal" style="line-height: 150%; margin-left: 54.0pt; text-align: justify;"> <span class="fullpost"><br /></span></div> <div class="MsoNormal"> <span class="fullpost"><br /></span></div> <div class="MsoNormal"> <span class="fullpost"><br /></span></div> <div class="MsoNormal"> <span class="fullpost"><br /></span></div> <div class="MsoNormal"> <span class="fullpost"><br /></span></div> <div class="MsoNormal"> <span class="fullpost"><br /></span></div> <span class="fullpost"><b><span style="font-family: Tahoma, sans-serif; font-size: 12pt;"><br clear="all" style="mso-special-character: line-break; page-break-before: always;" /> </span> </b></span>

Mengenal Software Web Design II

Dasar-dasar HTML a.     Tujuan Kegiatan Pemelajaran 1)      Peserta diklat dapat mengenali obyek-obyek web dan tag-tag HTML dalam pembu...

Read more »

2 Kalimat kehidupan

<br /> <br /> <div class="MsoNormal"> Selamat pagi Blogger .. bagaimana kabarnya setelah melaksanakan Puasa 1 bulan penuh ini, ya tentunya bulan Ramadhan bulan yang penuh barokah ini.. Mudah mudahan kita yang menjalani mendapat Ridho-Nya. Aamiin..<o:p></o:p></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> Langsung saja pada yang intinya.. kemarin saya setelah berkunjung ke rumah saudara untuk sekedar bersilaturrahmi dengan saudara yaa.. sudah kebiasaan di hari idul fitri..<o:p></o:p></div> <div class="MsoNormal"> Ada dua kalimat yang membuat saya jadi sadar akan kehidupan ini..  :<o:p></o:p></div> <div class="MsoNormal"> <br /></div> <div class="MsoListParagraphCxSpFirst" style="margin-left: 53.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> 1.<span style="font: normal normal normal 7pt/normal 'Times New Roman';">       </span>“Orang sukses rata-rata berwal dari kehidupan yang perih..”<o:p></o:p></div> <div class="MsoListParagraphCxSpLast" style="margin-left: 53.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> 2.<span style="font: normal normal normal 7pt/normal 'Times New Roman';">       </span>“Benar-benarlah beribadah kepada Allah SWT. Karena dengan beribadah kepada-Nya bukan hanya kita mendapat kebahgian di dunia tetapi di akhirat juga..”<o:p></o:p></div> <div class="MsoListParagraphCxSpLast" style="margin-left: 53.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -18.0pt;"> <br /></div> <div class="MsoNormal"> Itulah yang mengingatkan kepada saya begitu banyaknya hal yang saya sia-siakan.. dari banyaknya kenikmatan  yang diberikan dan pada dasarnya saya hanya  menikmatinya saja tanpa sadar akan bagaimana cara mendapatkannya..<o:p></o:p></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> Dan sadar... bukan keduniawian sajalah yang kita kejar. Itu hanya bekal  kita sementara hidup di dunia ini.. terus bekal apayang kita bawa  untuk kehidupan selanjutnya, kehidupan yang abadi dan dia adalah amal Ibadah kita di dunia.<o:p></o:p></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> Terus yang patut kita pertanyakan :</div> <div class="MsoNormal"> Apakah hidup kamu terasa begitu perih..??</div> <div class="MsoNormal"> Akankah kita sukses nanti, dari kehidupan yang di jalani ini..??</div> <div class="MsoNormal"> Dan apa Yang kita Bawa setelah kita mati,,??</div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> Sekian Blogger... mudah - mudahan bermanfaat...</div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <a href="http://4.bp.blogspot.com/--_j61Sw3yqw/Tl7xiZ_Q1tI/AAAAAAAAALA/jQ88GJPdDfY/s1600/signature.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/--_j61Sw3yqw/Tl7xiZ_Q1tI/AAAAAAAAALA/jQ88GJPdDfY/s1600/signature.png" /></a></div> <div class="MsoNormal"> <br /></div>

2 Kalimat kehidupan

Selamat pagi Blogger .. bagaimana kabarnya setelah melaksanakan Puasa 1 bulan penuh ini, ya tentunya bulan Ramadhan bulan yang penuh baro...

Read more »

Makna Warna

<div class="MsoNormal" style="line-height: normal; text-align: center;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: large;"><b>Makna dari beberapa warna berikut :</b></span></span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 16px;"><b>Warna-warna sejuk</b></span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">Biru, Hijau, Ungu, Pirus dan Perak adalah warna-warna sejuk. Warna-warna sejuk cenderung berpengaruh memberikan perasaan tenang bagi yang melihatnya. Meskipun digunakan sendiri, warna-warna ini bisa mempunyai rasa dingin atau impersonal, oleh sebab itu memilih warna-warna sejuk, mungkin bijaksana untuk menambahkan warna dari kelompok lain untuk menghindari ini.</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Berikut beberapa makna dari beberapa warna sejuk:</span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif;"><br /> </span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;"><span class="Apple-style-span" style="color: blue;">Biru</span></div><div style="text-align: center;">Positif: keheningan, mencintai, kesetiaan, keamanan, percaya, intelligence</div><div style="text-align: center;">Negatif: kedinginan, ketakutan, kejantanan</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: lime; font-family: 'Times New Roman', serif; font-size: 16px;">Hijau</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">Positif: uang, pertumbuhan, kesuburan, kesegaran, healing</div><div style="text-align: center;">Negatif: iri hati, kecemburuan, kesalahan, kekacauan</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: purple; font-family: 'Times New Roman', serif; font-size: 16px;">Ungu</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">Ungu adalah kombinasi biru dan merah, oleh sebab itu ditemukan baik kategori-kategori</div><div style="text-align: center;">hangat maupun sejuk</div><div style="text-align: center;">Positif: raja, kaum ningrat, spirituality, kemewahan, ambition</div><div style="text-align: center;">Negatif: misteri, kemasgulan</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #38761d; font-family: 'Times New Roman', serif; font-size: 16px;">Pirus</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">Positif: rohani, sembuh, perlindungan, sophisticated</div><div style="text-align: center;">Negatif: cemburu, kewanitaan</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #f3f3f3; font-family: 'Times New Roman', serif; font-size: 16px;">Perak</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">Positif: glamor, tinggi, anggun, sleek</div><div style="text-align: center;">Negatif: pengkhayal, tidak tulus</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 16px;"><b>Warna Hangat</b></span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">Merah, merah muda, kuning, orange, warna ungu, dan emas adalah warna hangat. Warna hangat cenderung mempunyai suatu efek kegairahan bagi yang melihatnya. Bagaimanapun ketika warna ini digunakan sendiri dapat menstimulasi, membangitkan emosi kekerasan/kehebatan dan kemarahan. Ketika memilih nada hangat, menambahkan warna dari kelompok yang lain akan membantu ke arah menyeimbangkan ini.</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Berikut beberapa makna dari beberapa warna hangat:<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: red; font-family: 'Times New Roman', serif; font-size: 16px;">Merah</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: cinta, energi, kuasa, kekuatan, penderitaan, panas</div><div style="text-align: center;">negatif: kemarahan, bahaya, peringatan, ketidaksabaran</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #e06666; font-family: 'Times New Roman', serif; font-size: 16px;">Merah muda</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: sehat, bahagia, feminin, rasa kasihan, manis, suka melucu</div><div style="text-align: center;">negatif: kelemahan, kewanitaan, ketidak dewasaan</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: yellow; font-family: 'Times New Roman', serif; font-size: 16px;">Kuning</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: terang/cerdas, energi, matahari, kreativitas, akal, bahagia</div><div style="text-align: center;">negatif: penakut, tidak bertanggungjawab, tidak stabil</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #b45f06; font-family: 'Times New Roman', serif; font-size: 16px;">Orange</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: keberanian, kepercayaan, kehangatan/keramahan, keakraban, sukses</div><div style="text-align: center;">negatif: ketidak-tahuan, melempem, keunggulan</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: purple; font-family: 'Times New Roman', serif; font-size: 16px;">Ungu</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">- Warna ungu ditemukan di dalam kedua-duanya warna dingin dan hangat</div><div style="text-align: center;">positif: royalti, kebangsawanan, kerohanian, kemewahan, ambisi</div><div style="text-align: center;">negatif: kegaiban, kemurungan</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #e69138; font-family: 'Times New Roman', serif; font-size: 16px;">Emas</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: kekayaan, kemakmuran, berharga, tradisional</div><div style="text-align: center;">negatif: ketamakan, pemimpi</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 16px;"><b>Warna Netral</b></span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">Coklat, berwarna coklat, gading, kelabu, putih dan hitam adalah warna netral. Warna netral adalah suatu pemilihan agung untuk bergaul dengan suatu palet(lukis) hangat atau dingin. warna-warna itu adalah yang baik untuk latar belakang dalam suatu disain, dan juga cenderung untuk berbicara lebih pelan, penggunaan dari yang lain lebih menaklukkan warna. Tambahkan hitam untuk menciptakan suatu yang lebih gelap ” keteduhan” tentang suatu warna utama, sedang putih ditambahkan untuk menciptakan suatu tongkang/geretan ” warna”.</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Berikut beberapa makna dari beberapa warna netral:<o:p></o:p></span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 16px;">Hitam</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: perlindungan, dramatis, serius, bergaya/anggun, formalitas</div><div style="text-align: center;">negatif: kerahasiaan, kematian, kejahatan/ malapetaka, kegaiban</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #666666; font-family: 'Times New Roman', serif; font-size: 16px;">Kelabu</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: keamanan, keandalan, kecerdasan/inteligen, padat, konservatif</div><div style="text-align: center;">negatif: muram, sedih, konservatif</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #783f04; font-family: 'Times New Roman', serif; font-size: 16px;">Cokelat</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: ramah, bumi, keluar rumah, umur panjang, konservatif</div><div style="text-align: center;">negatif: dogmatis, konservatif</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 16px;">Tan ( wol halus yang masih putih)</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: ketergantungan, fleksibel, keriting, konservatif</div><div style="text-align: center;">negatif: tumpul, membosankan, konservatif</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 16px;">Gading</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: ketenangan, kenyamanan, kebersihan/kesucian, hangat</div><div style="text-align: center;">negatif: lemah, tidak stabil</div><o:p></o:p></span><br /> <div class="MsoNormal" style="line-height: normal; text-align: center;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /> </span></div><div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;"></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 16px;">Putih</span></div><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><div style="text-align: center;">positif: kebaikan, keadaan tak bersalah, kemurnian, segar, gampang, bersih</div><o:p></o:p></span><br /> <div style="text-align: center;"><i><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 16px; font-style: normal;">negatif: musim dingin, dingin, jauh.</span></span></i></div><div style="text-align: center;"><i><span class="Apple-style-span" style="font-size: x-small;"><br /> </span></i></div><i><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="font-family: 'Times New Roman', serif; font-size: 16px; font-style: normal;"></span>: various sources</span></i>

Makna Warna

Makna dari beberapa warna berikut : Warna-warna sejuk Biru, Hijau, Ungu, Pirus dan Perak adalah warna-warna sejuk. Warna-warna sejuk cender...

Read more »