Obyek multimedia ke dalam halaman web

<span style="font-size: large;"><b><span lang="EN-US">Multimedia</span></b></span><br /> <div style="text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US">Ketika sedang mencari atau mempelajari informasi, kerap kali kita akan menemukan informasi yang ada disajikan dalam bentuk teks. Sering juga, untuk melengkapi teks yang ada, terdapat gambar yang berguna dalam membantu kita mengilustrasikan hal-hal yang sulit dibayangkan. Untuk media digital, kita bahkan dapat menambahkan suara dan video ke dalam teks untuk menambahkan informasi kepada pengguna.</span></div> <div style="text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US">HTML sendiri menyediakan fitur untuk memberikan gambar, suara, maupun video untuk digunakan dalam dunia web. Bagaimana caranya? Mari kita lihat!</span></div> <ul> <li><h2> <span lang="EN-US" style="color: windowtext; font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%;">Menambahkan Gambar</span></h2> </li> </ul> <span lang="EN-US">Untuk menambahkan gambar pada HTML, kita dapat menggunakan elemen </span><code><span lang="EN-US" style="font-size: 10.0pt;">img</span></code><span lang="EN-US">. Elemen </span><code><span lang="EN-US" style="font-size: 10.0pt;">img</span></code><span lang="EN-US"> sendiri merupakan elemen yang bersifat </span><i><span lang="EN-US" style="mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">self-contained</span></i><span lang="EN-US">, yaitu tidak memiliki tag penutup. Elemen </span><code><span lang="EN-US" style="font-size: 10.0pt;">img</span></code><span lang="EN-US"> juga harus memiliki atribut </span><code><span lang="EN-US" style="font-size: 10.0pt;">src</span></code><span lang="EN-US">, yang dapat diisikan dengan dua cara, yaitu tempat dari gambar disimpan relatif terhadap file HTML dan URL dari gambar tersebut.</span><br /> <span lang="EN-US">Berikut adalah contoh penggunaan tag </span><code><span lang="EN-US" style="font-size: 10.0pt;">img</span></code><span lang="EN-US">:</span><br /> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><img</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">src=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"images/sintel.png"</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">alt=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"Sintel merupakan sebuah film singkat."</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><img</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">src=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"http://i.imgur.com/cYWveEa.jpg"</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">alt=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"Contoh Pengunaan URL untuk src."</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <span lang="EN-US">Atribut </span><code><span lang="EN-US" style="font-size: 10.0pt;">alt</span></code><span lang="EN-US">, yang bersifat opsional, berguna untuk memberikan keterangan gambar secara semantik. Keterangan ini juga akan ditampilkan ketika mouse diletakkan di atas gambar, dan ketika gambar tidak dapat ditemukan.</span><br /> <div class="MsoNormal"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%;">Catatan: Dukungan format gambar yang ada pada HTML diserahkan kepada masing-masing pembuat browser. Begitupun, sangat disarankan untuk menggunakan format gambar yang didukung oleh hampir semua perangkat secara umum, seperti <code><span style="font-family: "Times New Roman","serif"; line-height: 115%; mso-ansi-font-size: 12.0pt; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">png</span></code>, <code><span style="font-family: "Times New Roman","serif"; line-height: 115%; mso-ansi-font-size: 12.0pt; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">jpg</span></code>, atau <code><span style="font-family: "Times New Roman","serif"; line-height: 115%; mso-ansi-font-size: 12.0pt; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">gif</span></code>.</span></div> <span lang="EN-US">Layaknya elemen-elemen lain pada HTML, kita dapat mengubah tampilan elemen </span><code><span lang="EN-US" style="font-size: 10.0pt;">img</span></code><span lang="EN-US"> dengan menggunakan CSS.</span><br /> <ul> <li><h3> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%;">Mengubah Ukuran Gambar</span></h3> </li> </ul> <span lang="EN-US">Perubahan ukuran gambar dapat dilakukan dengan menggunakan properti </span><code><span lang="EN-US" style="font-size: 10.0pt;">width</span></code><span lang="EN-US"> dan </span><code><span lang="EN-US" style="font-size: 10.0pt;">height</span></code><span lang="EN-US">, seperti pada elemen-elemen lainnya. Yang perlu diperhatikan dalam perubahan ukuran ialah bagaimana sebuah gambar dapat menyesuaikan ukuran yang tepat ketika kita hanya memberikan salah satu dimensi. Misalnya, sebuah gambar dengan ukuran asli </span><code><span lang="EN-US" style="font-size: 10.0pt;">800x600</span></code><span lang="EN-US"> akan secara otomatis berubah menjadi </span><code><span lang="EN-US" style="font-size: 10.0pt;">1024x768</span></code><span lang="EN-US"> meskipun kita hanya mengisikan nilai </span><code><span lang="EN-US" style="font-size: 10.0pt;">width</span></code><span lang="EN-US"> saja. Browser secara otomatis akan menghitung rasio panjang dan lebar gambar lalu menyesuaikan ukuran gambar dengan nilai yang kita berikan.</span><br /> <span lang="EN-US">Tetapi perlu diingat bahwa pengisian nilai </span><code><span lang="EN-US" style="font-size: 10.0pt;">width</span></code><span lang="EN-US"> dan </span><code><span lang="EN-US" style="font-size: 10.0pt;">height</span></code><span lang="EN-US"> dengan rasio panjang-lebar yang tidak tepat tentunya akan menyebabkan gambar menjadi “tertarik”. Untuk lebih jelasnya, coba jalankan kode berikut pada gambar yang diberi nama </span><code><span lang="EN-US" style="font-size: 10.0pt;">gambar.jpg</span></code><span lang="EN-US">:</span><br /> <pre><span class="cp"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><!DOCTYPE HTML></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><html</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">lang=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"en"</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><head></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">    </span><span class="nt"><meta</span> <span class="na">charset=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"UTF-8"</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">    </span><span class="nt"><title></span>Perubahan Ukuran Gambar<span class="nt"></title></span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> </span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">    </span><span class="nt"><style </span><span class="na">type=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"text/css"</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">        </span><span class="nf">#set-width</span> <span class="p">{</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">            </span><span class="k">width</span><span class="o">:</span> <span class="m">360px</span><span class="p">;</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">        </span><span class="p">}</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> </span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">        </span><span class="nf">#set-height</span> <span class="p">{</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">            </span><span class="k">height</span><span class="o">:</span> <span class="m">600px</span><span class="p">;</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">        </span><span class="p">}</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> </span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">        </span><span class="nf">#set-width-height</span> <span class="p">{</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">   </span><span style="mso-spacerun: yes;">         </span><span class="k">width</span><span class="o">:</span> <span class="m">600px</span><span class="p">;</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">            </span><span class="k">height</span><span class="o">:</span> <span class="m">300px</span><span class="p">;</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">        </span><span class="p">}</span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">    </span><span class="nt"></style></span></span></pre> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></head></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><body></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">    </span><span class="nt"><img</span> <span class="na">src=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"images/gambar.jpg"</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">id=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"standar"</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="nt"><br></span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">    </span><span class="nt"><img</span> <span class="na">src=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"images/gambar.jpg"</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">id=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"set-width"</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="nt"><br></span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">    </span><span class="nt"><img</span> <span class="na">src=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"images/gambar.jpg"</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">id=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"set-height"</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="nt"><br></span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span style="mso-spacerun: yes;">    </span><span class="nt"><img</span> <span class="na">src=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"images/gambar.jpg"</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">id=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"set-width-height"</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></body></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></html></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <span lang="EN-US">kemudian jalankan dan <a href="http://cssdesk.com/E3LKJ">lihat hasilnya</a>.</span><br /> <span lang="EN-US">Hal lain yang perlu dicatat yaitu bahwa meskipun perubahan ukuran gambar dapat dilakukan secara otomatis oleh browser, sebaiknya perubahan dilakukan dengan sangat hati-hati. Ketika memperkecil sebuah gambar yang berukuran </span><code><span lang="EN-US" style="font-size: 10.0pt;">1024x768</span></code><span lang="EN-US"> menjadi </span><code><span lang="EN-US" style="font-size: 10.0pt;">320x240</span></code><span lang="EN-US"> misalnya, meskipun pengguna melihat gambar yang kecil, gambar yang harus diunduh oleh browser tetaplah berukuran </span><code><span lang="EN-US" style="font-size: 10.0pt;">1024x768</span></code><span lang="EN-US">. Resolusi gambar tentunya mempengaruhi ukuran, sehingga pengguna akan mengambil gambar yang tidak diperlukan, dan menyia-nyiakan bandwidth. Jadi, selalu pastikan gambar yang diberikan ke pengguna merupakan gambar yang optimal. Perubahan ukuran gambar umumnya dilakukan untuk memastikan konten yang diisikan oleh pengguna tidak terlalu besar atau kecil, sehingga mengganggu keseluruhan alur dokumen.</span><br /> <ul> <li><h3> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%;">Perubahan Posisi Gambar</span></h3> </li> </ul> <span lang="EN-US">Seperti yang dapat dilihat pada kode sebelumnya, elemen </span><code><span lang="EN-US" style="font-size: 10.0pt;">img</span></code><span lang="EN-US"> merupakan inline level element. Menambahkan gambar pada tengah-tengah teks akan menyebabkan gambar tersebut diselipkan ditengah-tengah teks, mengacaukan alur teks, seperti pada kode berikut:</span><br /> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><p></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">Lorem ipsum dolor sit amet, consectetur</span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">adipisicing elit, sed do eiusmod tempor</span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">incididunt ut labore et dolore magna aliqua.</span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">Ut enim ad minim veniam, quis<span style="mso-spacerun: yes;">  </span>nostrud</span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">exercitation ullamco laboris nisi ut aliquip</span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">ex ea commodo consequat. Duis aute</span></pre> <pre><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><img</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> <span class="na">src=</span></span><span class="s"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-theme-font: major-fareast;">"http://i.imgur.com/r03c371.jpg"</span></span><span class="nt"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">></span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">irure dolor in reprehenderit in voluptate</span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">velit esse cillum dolore eu fugiat nulla</span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">pariatur. Excepteur sint occaecat cupidatat</span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">non proident, sunt in culpa qui officia</span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;">deserunt mollit anim id est laborum.<span class="nt"></p></span></span></pre> <pre><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"><span class="nt"> </span></span></pre> <span lang="EN-US">untuk mendapatkan hasil sebagai berikut:</span><br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtt5iKgVDpDuOJQPim2tffyI9k3tx5fcGB697fuajhoZd3P-EIYOk8E5dHmtMsjF0MCJgX7JetUGARzGCeiy1VrjFPyxDJZfindtQTULjNLLqRF3uCH5d5wrDH5fgVY_DjOqnPmq7I41w/s1600/multi+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtt5iKgVDpDuOJQPim2tffyI9k3tx5fcGB697fuajhoZd3P-EIYOk8E5dHmtMsjF0MCJgX7JetUGARzGCeiy1VrjFPyxDJZfindtQTULjNLLqRF3uCH5d5wrDH5fgVY_DjOqnPmq7I41w/s1600/multi+1.png" /></a></div> <div class="MsoNormal"> <span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN; mso-fareast-language: IN; mso-no-proof: yes;"></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%;"></span></div> <br /><div class="MsoNormal" style="margin-bottom: 3.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 3.0pt;"> <span lang="EN-ID" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-ansi-language: EN-ID;">Note: <span style="color: #6aa84f;"><span style="color: black;">Sekian dari INFO saya mohon maaf bila ada salah dalam penulisan dan semoga bermanfaat bagi bloggers jangan lupa kasih </span><span style="color: #cc0000;">G+ <span style="color: white;">tunggu lanjutan dari Obyek multimedia ke dalam halaman web II</span></span></span></span></div>

Obyek multimedia ke dalam halaman web

Multimedia Ketika sedang mencari atau mempelajari informasi, kerap kali kita akan menemukan informasi yang ada disajikan dalam bentuk teks...

Baca selengkapnya »

Menerapkan link untuk berbagai fungsi pada halaman web

<!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves/> <w:TrackFormatting/> <w:PunctuationKerning/> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF/> <w:LidThemeOther>IN</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:SplitPgBreakAndParaMark/> <w:DontVertAlignCellWithSp/> <w:DontBreakConstrainedForcedTables/> <w:DontVertAlignInTxbx/> <w:Word11KerningPairs/> <w:CachedColBalance/> </w:Compatibility> <m:mathPr> <m:mathFont m:val="Cambria Math"/> <m:brkBin m:val="before"/> <m:brkBinSub m:val="--"/> <m:smallFrac m:val="off"/> <m:dispDef/> <m:lMargin m:val="0"/> <m:rMargin m:val="0"/> <m:defJc m:val="centerGroup"/> <m:wrapIndent m:val="1440"/> <m:intLim m:val="subSup"/> <m:naryLim m:val="undOvr"/> </m:mathPr></w:WordDocument> </xml><![endif]--><br /> <!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true" DefSemiHidden="true" DefQFormat="false" DefPriority="99" LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Normal"/> <w:LsdException Locked="false" Priority="9" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="heading 1"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/> <w:LsdException Locked="false" Priority="39" Name="toc 1"/> <w:LsdException Locked="false" Priority="39" Name="toc 2"/> <w:LsdException Locked="false" Priority="39" Name="toc 3"/> <w:LsdException Locked="false" Priority="39" Name="toc 4"/> <w:LsdException Locked="false" Priority="39" Name="toc 5"/> <w:LsdException Locked="false" Priority="39" Name="toc 6"/> <w:LsdException Locked="false" Priority="39" Name="toc 7"/> <w:LsdException Locked="false" Priority="39" Name="toc 8"/> <w:LsdException Locked="false" Priority="39" Name="toc 9"/> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/> <w:LsdException Locked="false" Priority="10" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Title"/> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/> <w:LsdException Locked="false" Priority="11" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/> <w:LsdException Locked="false" Priority="22" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Strong"/> <w:LsdException Locked="false" Priority="20" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/> <w:LsdException Locked="false" Priority="59" SemiHidden="false" UnhideWhenUsed="false" Name="Table Grid"/> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/> <w:LsdException Locked="false" Priority="1" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 1"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 1"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 1"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/> <w:LsdException Locked="false" Priority="34" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/> <w:LsdException Locked="false" Priority="29" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Quote"/> <w:LsdException Locked="false" Priority="30" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 1"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 1"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 2"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 2"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 2"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 2"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 2"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 3"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 3"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 3"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 3"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 3"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 4"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 4"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 4"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 4"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 4"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 5"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 5"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 5"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 5"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 5"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 6"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 6"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 6"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 6"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 6"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/> <w:LsdException Locked="false" Priority="19" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/> <w:LsdException Locked="false" Priority="21" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/> <w:LsdException Locked="false" Priority="31" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/> <w:LsdException Locked="false" Priority="32" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/> <w:LsdException Locked="false" Priority="33" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Book Title"/> <w:LsdException Locked="false" Priority="37" Name="Bibliography"/> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/> </w:LatentStyles> </xml><![endif]--><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:10.0pt; mso-para-margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-ansi-language:EN-US; mso-fareast-language:EN-US;} </style> <![endif]--> <br /> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Kali ini saya berbagai pengetahuan tentang Cara Membuat Link Dan List pada HTML, Mudah-mudahan dapat dijadikan sebagai bahan pembelajaran buat sahabat sampul ilmu.</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">LINK HTML</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan dokumen ke dokumen dalam web. Hyperlink biasa disebut dengan hypertext link</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Tag Anchor</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">HTML menggunakan tag<i> <span style="color: blue;"><a></span></i> untuk membuat link</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Link Relatif</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Link dalam page ke page yang lain dalam satu computer</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh 1:</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Buatlah Folder di Drive D dengan Nama Coba Kemudian Buka Aplikasi Notepad Kemudian Ketikan  <i><span style="color: blue;"><a href=“Contoh2.html”>Next</a></span></i> Setelah selesai simpan dengan nama Contoh1.html, sebelum dijalankan buat terlebih dahulu halaman Contoh2.html sama seperti langkah diatas di drive D pada komputer anda. Untuk meliha hasilnya clik Halaman Contoh1.html</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh 2:</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Buatlah Folder di Drive D dengan Nama Coba setelah itu buat lagi Folder dengan Nama Contoh didalam Folder Coba Kemudian Buka Aplikasi Notepad Kemudian Ketikan  <i><span style="color: blue;"><a href=“/contoh/contoh2.htm”> Berikut</a></span></i> Setelah selesai simpan dengan nama Contoh1.html di dalam folder Coba (ingat bukan didalam folder Contoh), sebelum dijalankan buat terlebih dahulu halaman Contoh2.html sama seperti langkah diatas Didalam Folder Contoh. Untuk melihat hasilnya clik Halaman Contoh1.html pada Folder Coba.</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Link Absolut</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Membuat link web page ke web site lain di Internet.</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh:</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><a href=“http://www.Facebook.com”> Facebook</a> Membuat link ke Facebook</span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><a href=“http://www.yahoo.com”> yahoo</a> Membuat link ke web site yahoo</span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Link ke Bagian lain dalam Dokumen</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Link jenis ini dibuat apabila dokumen html cukup panjang</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh:</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Ketikan <i><span style="color: blue;"><A HREF="#</span></i></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span style="color: blue;"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i>"> Tentang </span></i></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span style="color: blue;"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i> </A></span></i> Pada Halaman kerja anda kemudian ketikan artikel sebanyak 1 halaman lebih setelah itu ketikan <i><span style="color: blue;"><A NAME="</span></i></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span style="color: blue;"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i> "></A> <B><U>Tentang </span></i></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span style="color: blue;"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i> :</U></B></span></i> kemudian ketikan kembali artikel pada halaman tersebut.</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Link ke Windows Baru</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Melakukan link ke page lain dan membukanya pada jendela baru</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh:</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Ketikan <i><span style="color: blue;"><a href=“contoh1.htm” target=“_blank”>Tab Baru</a></span></i> pada halaman Contoh2.html yang telah dibuat sebelumnya.</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Link yang tidak Tergaris bawahi</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Link dapat ditampilkan teks yang tidak digaris bawahi.</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh:</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify; text-indent: 36.0pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Ketikan <i><span style="color: blue;"><a href=" contoh1.html" target ="_blank" Style="text-decoration:none"> </span></i></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span style="color: blue;"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i></a></span></i> pada halaman Contoh2.html yang telah dibuat sebelumnya.</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">LIST HTML</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Bentuk umum untuk mengguraikan suatu daftar</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Bentuk-bentuk list</span></div> <ol start="1" type="1"> <li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">List dengan nomor (ordered list)</span></li> <li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">List (unordered list)</span></li> <li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">List Definisi</span></li> <li class="MsoNormal" style="line-height: normal; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify;"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Ordered List</span></li> </ol> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">List dibuat dengan menggunkana angka dan atau abjad</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Type list ordered (Bukan Angka)</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Type bila tidak disebutkan, maka list berbentuk angka Tag yang digunakan adalah <OL> dan berpasangan dengan tag <LI> untuk Listnya</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Bentuk:</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><OL [[Type”Tipe_list”]/[START=“angka”]]></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI> Teks…..<LI> Teks</OL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh:</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><HTML></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><BODY></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><B>Sahabat </span></i><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i></B></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><OL TYPE="I"></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><B><LI>Contoh</B></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><OL Type="A" START="D" ></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI>Sampul :</span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><OL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI>Tekom</span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI>Pika</OL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI>Ilmu :<OL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI>Yahoo              </span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI>Facebook             </span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></OL></OL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><B><LI></span></i><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i></B></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></OL></BODY></HTML></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Unordered List</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">List dibuat dengan menggunkana simbol (bullet)</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Type list unordered</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Tag yang digunakan adalah <<i><span style="color: blue;">UL> </span></i>berpasangan dengan tag <i><span style="color: blue;"><LI></span></i>Bentuk:</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><UL [Type”Tipe_list]></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI> Teks…..<LI> Teks</UL></span></i><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh:</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><HTML></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><BODY></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><B> Sahabat </span></i><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i></B></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><UL><LI><B> </span></i><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i>: </B> <UL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI>Sampul :           <UL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI><U>Tekom</U>        </span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI><U>Pika</U>    </span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></UL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI>Ilmu :<UL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI><U>Yahoo</U></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI><U>Facebook</U></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></UL></UL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><LI><B>Salam </span></i><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i></B></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></ul></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><hr></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><small><Strong>&copy 'Sampul 2013</Strong></small></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></BODY></HTML></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Definition List</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Untuk mendefinisikan indentasi biasa dan gantung, Tag yang digunakan<i><span style="color: blue;"></span></i></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh: 1</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><HTML></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><BODY></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><DD><I> Kali ini sampul ilmu berbagai pengetahuan tentang Cara Membuat Link Dan List pada HTML, Mudah-mudahan dapat dijadikan sebagai bahan pembelajaran buat sahabat sampul ilmu.  Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan dokumen ke dokumen dalam web. Hyperlink biasa disebut dengan hypertext link </I></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><DD>Salam Sampul Ilmu</span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></BODY></HTML></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Contoh: 2</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><HTML></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><BODY></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><DL></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><DT><I>BAB I</I>  <DD><B>Technology & engenerring.</B> Kali ini </span></i><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i> berbagai pengetahuan tentang Cara Membuat Link Dan List pada HTML, Mudah-mudahan dapat dijadikan sebagai bahan pembelajaran buat sahabat sampul ilmu.  Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan dokumen ke dokumen dalam web. Hyperlink biasa disebut dengan hypertext link</span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><DT><I>BAB II</I></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><DD><B></span></i><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i></B> Kali ini </span></i><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Technology & engenerring</span></i> berbagai pengetahuan tentang Cara Membuat Link Dan List pada HTML, Mudah-mudahan dapat dijadikan sebagai bahan pembelajaran buat sahabat sampul ilmu.  Dokumen HTML menggunakan hyperlink (anchor) untuk menghubungkan dokumen ke dokumen dalam web. Hyperlink biasa disebut dengan hypertext link</span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></DL></BODY></span></i></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;"> <i><span lang="EN-US" style="color: blue; font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></HTML></span></i><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> <div class="MsoNormal" style="margin-bottom: 3.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 3.0pt;"> <br /></div> <div class="MsoNormal" style="margin-bottom: 3.0pt; margin-left: 0cm; margin-right: 0cm; margin-top: 3.0pt;"> <span lang="EN-ID" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-ansi-language: EN-ID;"> Note: Sekian dari INFO saya mohon maaf bila ada salah dalam penulisan dan semoga bermanfaat bagi bloggers</span></div>

Menerapkan link untuk berbagai fungsi pada halaman web

Kali ini saya berbagai pengetahuan tentang Cara Membuat Link Dan List pada HTML, Mudah-mudahan dapat dijadikan sebagai bahan pembelajar...

Baca selengkapnya »

Menerapkan elemen HTML layer untuk layout halaman web

<div style="text-align: justify;"> <!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves/> <w:TrackFormatting/> <w:PunctuationKerning/> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF/> <w:LidThemeOther>IN</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:SplitPgBreakAndParaMark/> <w:DontVertAlignCellWithSp/> <w:DontBreakConstrainedForcedTables/> <w:DontVertAlignInTxbx/> <w:Word11KerningPairs/> <w:CachedColBalance/> </w:Compatibility> <m:mathPr> <m:mathFont m:val="Cambria Math"/> <m:brkBin m:val="before"/> <m:brkBinSub m:val="--"/> <m:smallFrac m:val="off"/> <m:dispDef/> <m:lMargin m:val="0"/> <m:rMargin m:val="0"/> <m:defJc m:val="centerGroup"/> <m:wrapIndent m:val="1440"/> <m:intLim m:val="subSup"/> <m:naryLim m:val="undOvr"/> </m:mathPr></w:WordDocument> </xml><![endif]--></div> <div style="text-align: justify;"> <!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true" DefSemiHidden="true" DefQFormat="false" DefPriority="99" LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Normal"/> <w:LsdException Locked="false" Priority="9" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="heading 1"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/> <w:LsdException Locked="false" Priority="39" Name="toc 1"/> <w:LsdException Locked="false" Priority="39" Name="toc 2"/> <w:LsdException Locked="false" Priority="39" Name="toc 3"/> <w:LsdException Locked="false" Priority="39" Name="toc 4"/> <w:LsdException Locked="false" Priority="39" Name="toc 5"/> <w:LsdException Locked="false" Priority="39" Name="toc 6"/> <w:LsdException Locked="false" Priority="39" Name="toc 7"/> <w:LsdException Locked="false" Priority="39" Name="toc 8"/> <w:LsdException Locked="false" Priority="39" Name="toc 9"/> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/> <w:LsdException Locked="false" Priority="10" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Title"/> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/> <w:LsdException Locked="false" Priority="11" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/> <w:LsdException Locked="false" Priority="22" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Strong"/> <w:LsdException Locked="false" Priority="20" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/> <w:LsdException Locked="false" Priority="59" SemiHidden="false" UnhideWhenUsed="false" Name="Table Grid"/> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/> <w:LsdException Locked="false" Priority="1" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 1"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 1"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 1"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/> <w:LsdException Locked="false" Priority="34" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/> <w:LsdException Locked="false" Priority="29" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Quote"/> <w:LsdException Locked="false" Priority="30" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 1"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 1"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 2"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 2"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 2"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 2"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 2"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 3"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 3"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 3"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 3"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 3"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 4"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 4"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 4"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 4"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 4"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 5"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 5"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 5"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 5"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 5"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false" UnhideWhenUsed="false" Name="Light Shading Accent 6"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false" UnhideWhenUsed="false" Name="Light List Accent 6"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false" UnhideWhenUsed="false" Name="Light Grid Accent 6"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false" UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false" UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false" UnhideWhenUsed="false" Name="Dark List Accent 6"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful List Accent 6"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false" UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/> <w:LsdException Locked="false" Priority="19" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/> <w:LsdException Locked="false" Priority="21" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/> <w:LsdException Locked="false" Priority="31" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/> <w:LsdException Locked="false" Priority="32" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/> <w:LsdException Locked="false" Priority="33" SemiHidden="false" UnhideWhenUsed="false" QFormat="true" Name="Book Title"/> <w:LsdException Locked="false" Priority="37" Name="Bibliography"/> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/> </w:LatentStyles> </xml><![endif]--><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:10.0pt; mso-para-margin-left:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-ansi-language:EN-US; mso-fareast-language:EN-US;} </style> <![endif]--> </div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Layer adalah inti dari metode dinamis spesifik pemrograman HTML untuk Netscape 4. Setiap layer diperlakukan sebagai objek dokumen terpisah di JavaScript. Konten dapat dimasukkan dalam file yang sama dalam elemen layer non-standar (atau elemen lain dengan posisi diatur ke "mutlak" via CSS) atau diambil dari sebuah file terpisah dengan </span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><layer src="url"> atau <div src = "URL">. </span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Hal ini juga bisa dihasilkan melalui JavaScript dengan layer layer = new () konstruktor. Konten kemudian akan dimasukkan ke dalam layer dengan layer.document.write ().</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Namun dalam browser modern, fungsi layer disediakan dengan menggunakan div benar-benar strategis, atau, untuk memuat isi dari file eksternal, frame. Tidak relevan dengan penggunaan aktual dari layer, ketika Netscape 4 dan Internet Explorer memiliki implementasi JavaScript yang berbeda secara signifikan, program JavaScript akan sangat sering perlu menjalankan blok kode yang berbeda, tergantung pada browser. Untuk memutuskan mana tandan kode untuk menjalankan, program JavaScript akan menguji dukungan untuk layer, terlepas dari apakah program itu melibatkan layer sama sekali. </span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Yaitu,</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">if (document.layers) { </span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">... Kode yang akan dieksekusi hanya oleh Netscape browser ... </span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">}Else {</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">... Kode yang akan dieksekusi hanya oleh Internet Explorer ...</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">} <br style="mso-special-character: line-break;" /> <br style="mso-special-character: line-break;" /> </span></div> <div class="MsoNormal" style="line-height: 150%; margin-bottom: 0.0001pt; text-align: justify;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-fareast-font-family: "Times New Roman"; mso-font-kerning: 18.0pt;">HTML <layer> tag:</span></b></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Fungsi</span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">The</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">HTML</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"><layer></span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">tag digunakan</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">untuk posisi dan</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">menghidupkan</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">(melalui</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">scripting</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">) </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">unsur</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">dalam suatu halaman.</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Sebuah layer</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">dapat dianggap</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">sebagai</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">dokumen terpisah</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">yang berada</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">di atas</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">yang utama</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">, </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">semua</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">yang ada</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">dalam</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">satu jendela</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">.</span></span><span class="longtext"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Tag ini</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">memiliki dukungan</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">di</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Netscape</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">4</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">dan</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">versi yang lebih tinggi</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">dari</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">itu</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">.</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Perbedaan antara</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">HTML</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">dan</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">XHTML</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">:</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">NONE</span></span><span class="hps"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <br /></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Contoh:</span></span><span class="hps"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify; text-indent: 36pt;"> <span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Contoh ini menciptakan</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">tiga layer</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">tumpang tindih</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">. </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Bagian belakang</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">yang</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">berwarna merah</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">, </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">yang di tengah</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">berwarna biru</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">, </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">dan yang</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">depan</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;"> </span></span><span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">berwarna hijau</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">.</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt;"></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><layer id="layer1" top="250" left="50" width="200" </span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><span style="mso-spacerun: yes;">    </span>height="200" bgcolor="red"></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><span style="mso-spacerun: yes;">  </span><p>layer 1</p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></layer></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><layer id="layer2" top="350" left="150" width="200" </span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><span style="mso-spacerun: yes;">    </span>height="200" bgcolor="blue"></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><span style="mso-spacerun: yes;">  </span><p>layer 2</p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></layer></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><layer id="layer3" top="450" left="250" width="200"</span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><span style="mso-spacerun: yes;">    </span>height="200" bgcolor="green"></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><span style="mso-spacerun: yes;">  </span><p>layer 3</p></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></layer></span></div> <div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"> <br /></div> <div class="MsoNormal" style="margin: 3pt 0cm; text-align: justify;"> <span class="hps"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN;">Atribut</span></span><span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%; mso-ansi-language: IN;">:</span></span><span class="longtext"><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 115%;"></span></span></div> <table border="1" cellpadding="0" class="MsoNormalTable" style="margin-left: 0px; margin-right: 0px; text-align: left;"> <tbody> <tr style="mso-yfti-firstrow: yes; mso-yfti-irow: 0;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Attribute</span></b></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Value</span></b></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"> <b><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Description</span></b></div> </td> </tr> <tr style="mso-yfti-irow: 1;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">above</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">layer name</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Nama layer inline yang akan diposisikan langsung di atas layer saat ini dalam z -order .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 2;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">background</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">URL</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Sebuah nama file atau URL untuk gambar di mana teks layer inline dan gambar akan muncul .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 3;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">below</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">layer name</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Nama layer inline yang akan ditempatkan langsung di bawah layer saat ini dalam z -order .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 4;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">bgcolor</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">rgb(x,x,x)<br /> #xxxxxx<br /> colorname</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Warna digunakan untuk layer inline background .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 5;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">clip</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">number</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Koordinat area pandang layer inline itu .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 6;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">height</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">pixels</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Ketinggian inline layer , dalam piksel .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 7;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">left</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">number</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Posisi sisi kiri layer inline . Jika layer inline saat ini adalah bagian dari yang lain layer.called induk layer - maka posisi relatif terhadap layer induk.</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 8;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">name</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">layer name</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Nama layer inline .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 9;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">pagex</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">number</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Posisi sisi kiri layer inline relatif terhadap jendela browser .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 10;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">pagey</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">number</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Posisi puncak layer inline relatif terhadap jendela browser .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 11;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">src</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">URL</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">URL halaman yang akan muncul di dalam layer inline .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 12;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">top</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">number</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Posisi puncak layer inline . Jika layer inline saat ini adalah bagian dari layer lain - disebut layer induk - maka posisi relatif terhadap layer induk.</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 13;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">visibility</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">show<br /> hide<br /> inherit</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Menentukan apakah layer inline terlihat .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 14;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Width</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">pixels</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Lebar inline layer , dalam piksel .</span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> <tr style="mso-yfti-irow: 15; mso-yfti-lastrow: yes;"> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">z-index</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">number</span></div> </td> <td style="padding: 3.75pt 3.75pt 3.75pt 3.75pt;"> <div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;"> <span class="longtext"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ansi-language: IN;">Posisi inline layer dalam z -order . Inline dengan layer yang lebih tinggi nilai-nilai Z - INDEX diposisikan di atas layer seiring dengan penurunan nilai Z - INDEX .   </span></span><span lang="EN-US" style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"></span></div> </td> </tr> </tbody></table> <div style="text-align: justify;"> </div>

Menerapkan elemen HTML layer untuk layout halaman web

Layer adalah inti dari metode dinamis spesifik pemrograman HTML untuk Netscape 4. Setiap layer diperlakukan sebagai objek dokumen ter...

Baca selengkapnya »