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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxywk4DUqfSmC71KxIvnel7GBd69VsHMUFVhG1F3R_qxKSHvhsilqpurFQfuhbIdZXuH2Zm8-kXE5ZN7PTUGHBiHZC3W_zGwROi7-sUaQA7pzexVQpbewa829jxnmiTb4WEplOYZOUwGo/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxywk4DUqfSmC71KxIvnel7GBd69VsHMUFVhG1F3R_qxKSHvhsilqpurFQfuhbIdZXuH2Zm8-kXE5ZN7PTUGHBiHZC3W_zGwROi7-sUaQA7pzexVQpbewa829jxnmiTb4WEplOYZOUwGo/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUcP0eljj-jB3R9S0i9W9T9vBrfWrf1nfIpF9zN6yQfIva_ssqoQqcf-Vqo6FGOVgQRPNoPjdqM_NiazI8XWUeXs-YtipW7g7ZLLtYu4lQQsAvX-4exPvJiMyFU95flIiOX-HEhLXrpek/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUcP0eljj-jB3R9S0i9W9T9vBrfWrf1nfIpF9zN6yQfIva_ssqoQqcf-Vqo6FGOVgQRPNoPjdqM_NiazI8XWUeXs-YtipW7g7ZLLtYu4lQQsAvX-4exPvJiMyFU95flIiOX-HEhLXrpek/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4xALmoZlDRPwrc8rorW-wrj9WdZ6SnqR7DnJ_wjmAVbR0JJbPZEh88YZLLql1qynOzhBWSkah6qWJp0UVu_E6RrILfP6oOj2GgOP-LCk4CaNn3J7OPicLk66qBHMvLGIY4BsTxrjEvds/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="144" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4xALmoZlDRPwrc8rorW-wrj9WdZ6SnqR7DnJ_wjmAVbR0JJbPZEh88YZLLql1qynOzhBWSkah6qWJp0UVu_E6RrILfP6oOj2GgOP-LCk4CaNn3J7OPicLk66qBHMvLGIY4BsTxrjEvds/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4UC5N2FoyEBSd61z1yau3k0ZFuw5_2Z1w6AHmYfUROubf1ojiWBWRaNzWFBANJTNzNMYKErikPmIih2cPxhfwS8EkAWu28yNL7LUIndwJwmUMkbEQOuQgoXst2V4dCh2CNUqCyvjHjPw/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4UC5N2FoyEBSd61z1yau3k0ZFuw5_2Z1w6AHmYfUROubf1ojiWBWRaNzWFBANJTNzNMYKErikPmIih2cPxhfwS8EkAWu28yNL7LUIndwJwmUMkbEQOuQgoXst2V4dCh2CNUqCyvjHjPw/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlI0_KQw6cBAS_NDbG41fs6YK9no0N_woic8Neo0DQWbnrVGoeI9bVFqEmFBmOZGA_VJJSFPWrFc_2l2VmWHpGoEi6aErqFrcXyxQzedV5cvKiMJw25qyUk3f_aO_HH4srlEdSX5K1tLs/s1600/7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlI0_KQw6cBAS_NDbG41fs6YK9no0N_woic8Neo0DQWbnrVGoeI9bVFqEmFBmOZGA_VJJSFPWrFc_2l2VmWHpGoEi6aErqFrcXyxQzedV5cvKiMJw25qyUk3f_aO_HH4srlEdSX5K1tLs/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcLrsmmrFfIXRRpjbo-zWqdrVe94uzS6oCEXTGwAxCbqmrLuaxBq8eMbgSRcUvo1BWLmQaBnsLuKWlBc2mOPrKW87K7riG6Bu31rZX1NKxOd5eFadG0memnBt6ZH2BPjTclUa_EdUVr8g/s1600/8.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcLrsmmrFfIXRRpjbo-zWqdrVe94uzS6oCEXTGwAxCbqmrLuaxBq8eMbgSRcUvo1BWLmQaBnsLuKWlBc2mOPrKW87K7riG6Bu31rZX1NKxOd5eFadG0memnBt6ZH2BPjTclUa_EdUVr8g/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZw537WjTmKls9y1D0vrz8vl_40MXhBU07cE6wYodjoJUE6clz9z-u8E86bfPaG9jCexhAP4aIPqPYmLfi5Y12IbDKyLeTIahgwHza2gkzitjOK30aauzeLSgAtQsCNr2RyytebATn6_s/s1600/9.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZw537WjTmKls9y1D0vrz8vl_40MXhBU07cE6wYodjoJUE6clz9z-u8E86bfPaG9jCexhAP4aIPqPYmLfi5Y12IbDKyLeTIahgwHza2gkzitjOK30aauzeLSgAtQsCNr2RyytebATn6_s/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMAEdqxrTuHClhEfn4y20YRVksOvJ_nEXWkyTz9tXyV13FFYLICEaUdN_Crb9Znp2A_ZBnE37Dtehyphenhyphen_-wfpEDt_aM7yLpaQ_1jZ5MgeNlbn5z0SKTIpaMPBddlmlkeG2AOELS0AGBlxE/s1600/10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKMAEdqxrTuHClhEfn4y20YRVksOvJ_nEXWkyTz9tXyV13FFYLICEaUdN_Crb9Znp2A_ZBnE37Dtehyphenhyphen_-wfpEDt_aM7yLpaQ_1jZ5MgeNlbn5z0SKTIpaMPBddlmlkeG2AOELS0AGBlxE/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjJEonit3RlYJ132CKzMCcXrwgFI_0-YHh1oUNDqlvEPKPn1b59IJcgx0Kxe_IBpBQW9uCTyBPKI51WrNVsLV6KjM5UIrnlTMPNVxhSEJzETyQER3JePopbdLf9zTLsT6TBz19o24cCgA/s1600/11.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjJEonit3RlYJ132CKzMCcXrwgFI_0-YHh1oUNDqlvEPKPn1b59IJcgx0Kxe_IBpBQW9uCTyBPKI51WrNVsLV6KjM5UIrnlTMPNVxhSEJzETyQER3JePopbdLf9zTLsT6TBz19o24cCgA/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEM3fH7kr_vdIt7uA-Oy0FfTYWTxEC_t1BXXcTPBLQ7rAxdGD2cAR32VWp72cWvYMA3jIiNue-l9JX9Zvv2nPSxWtKx_UNFKcNv9a7VGeCVRamoNLIVUDWKzmoJWW-Kyz-3Kzcf7tZXgs/s1600/12.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="149" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEM3fH7kr_vdIt7uA-Oy0FfTYWTxEC_t1BXXcTPBLQ7rAxdGD2cAR32VWp72cWvYMA3jIiNue-l9JX9Zvv2nPSxWtKx_UNFKcNv9a7VGeCVRamoNLIVUDWKzmoJWW-Kyz-3Kzcf7tZXgs/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuJiRn3Vqx8vpj6iY6EuJq5p565oyvOdMV0PP4u9E8F-4ECrOl6AX0UrsHbBzuIJVAKgKu225DT71X-xMfeNgm1uoHI4CS00C_gFs16hEAN9k6MVXkxwi8IT6c4qD41eklAUEPwpjOAzo/s1600/13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuJiRn3Vqx8vpj6iY6EuJq5p565oyvOdMV0PP4u9E8F-4ECrOl6AX0UrsHbBzuIJVAKgKu225DT71X-xMfeNgm1uoHI4CS00C_gFs16hEAN9k6MVXkxwi8IT6c4qD41eklAUEPwpjOAzo/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3KEI0gM8nK-idU5Hv7j2-M9IohWA72zXKwvUqpkRz-aLyQZJFBQ29MSY0JqffzPQiEjuJrE80D7Qel2GW9V9-osbC1IdbK-HYaoozv8gq3JZSYPwt6lzfQsySfQx0NqzfO9A96O6ndMI/s1600/14.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3KEI0gM8nK-idU5Hv7j2-M9IohWA72zXKwvUqpkRz-aLyQZJFBQ29MSY0JqffzPQiEjuJrE80D7Qel2GW9V9-osbC1IdbK-HYaoozv8gq3JZSYPwt6lzfQsySfQx0NqzfO9A96O6ndMI/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnN2A08K00VMyIq_YAKPguOuJfSGoF_tz-6zFhYl_8yePepGsmx9dVHQBOAkdfBSjAeJxhmhWsKGPuz-qABwzekI8h-i8exESFuujWzC2IaZduI6eUu-b-OYCZbvmXmJHLl_XPZxIDOA4/s1600/15.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnN2A08K00VMyIq_YAKPguOuJfSGoF_tz-6zFhYl_8yePepGsmx9dVHQBOAkdfBSjAeJxhmhWsKGPuz-qABwzekI8h-i8exESFuujWzC2IaZduI6eUu-b-OYCZbvmXmJHLl_XPZxIDOA4/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiAaDivpDNFzwpEf6x-KmYVR1DCxskVMtqhZr8ukkRZqCdkM42HzXM1E_e0t1KHTYIYRdVqtuvOmebNEuIfMPvHKsnSb952ch0gpz3DGvfdeUrWWzXyXV0rbzQvtE2ea1ZAghxK3D2yDg/s1600/16.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiAaDivpDNFzwpEf6x-KmYVR1DCxskVMtqhZr8ukkRZqCdkM42HzXM1E_e0t1KHTYIYRdVqtuvOmebNEuIfMPvHKsnSb952ch0gpz3DGvfdeUrWWzXyXV0rbzQvtE2ea1ZAghxK3D2yDg/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLZ2EZSRDm9MhYQb14AKZ0NQsl-JwhpR7Ee3kM4XDmumQ20PKG8Ga5dP1iAbOZT4Hop4qJ6OwMqpLkIk4gpStO_xhHdwdkyoPDNu_q-Djqj1695gwWXr1qdW210yGzhqV6MWn-eLf0q2k/s1600/17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLZ2EZSRDm9MhYQb14AKZ0NQsl-JwhpR7Ee3kM4XDmumQ20PKG8Ga5dP1iAbOZT4Hop4qJ6OwMqpLkIk4gpStO_xhHdwdkyoPDNu_q-Djqj1695gwWXr1qdW210yGzhqV6MWn-eLf0q2k/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJmjTlYL5pWumvQNlSUvMQMrTmxCxl00CHdTiyw3HzXiUQE0ExW5fCBUJTX0otjgjYGNJymGe2GQKenTDl1EBCAijp7L7kN9OvTpZZZdRh1_oLWXz0IAwidv4VAAFDRXHstEly9MnPDo/s1600/18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJmjTlYL5pWumvQNlSUvMQMrTmxCxl00CHdTiyw3HzXiUQE0ExW5fCBUJTX0otjgjYGNJymGe2GQKenTDl1EBCAijp7L7kN9OvTpZZZdRh1_oLWXz0IAwidv4VAAFDRXHstEly9MnPDo/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3K-D5Gi8VV-206Fc6Z3rGqnEbNvqf2TE11MZ-sn8CVg5R-qLmFHtPVQRH5oWvOETmpXGBWzPjYXqJhZT5oGNAoBLqdXKV9sgl_DlJ7uteITHhPdPIa9sb8vHLgv4A-5I9FMlwEQ0UZZY/s1600/signature.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3K-D5Gi8VV-206Fc6Z3rGqnEbNvqf2TE11MZ-sn8CVg5R-qLmFHtPVQRH5oWvOETmpXGBWzPjYXqJhZT5oGNAoBLqdXKV9sgl_DlJ7uteITHhPdPIa9sb8vHLgv4A-5I9FMlwEQ0UZZY/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 »