SELAMAT DATANG DI SITUS SAYA BONARZI FRIADY SIHITE'. SEMOGA BERMAMFAAT


ILMU

Selasa, 09 Februari 2010

3 Pada SGML dan HTML
Isi

Pengenalan SGML
SGML konstruksi yang digunakan dalam HTML
Elemen
Atribut
Karakter referensi
Komentar
Bagaimana membaca HTML DTD
DTD Komentar
Entitas parameter definisi
Elemen deklarasi
Definisi model konten
Atribut deklarasi
DTD entitas dalam definisi atribut
Boolean atribut
Bagian ini memperkenalkan dokumen SGML dan mendiskusikan hubungannya dengan HTML. Diskusi lengkap SGML yang tersisa ke standar (lihat [ISO8879]).

Pengenalan 3,1 SGML
SGML adalah sebuah sistem untuk mendefinisikan bahasa markup. Penulis mark up dokumen mereka dengan mewakili struktural, presentasi, dan informasi semantik di samping konten. HTML adalah salah satu contoh dari sebuah bahasa markup. Berikut adalah contoh dokumen HTML:

"http://www.w3.org/TR/html4/strict.dtd">


Dokumen HTML pertama saya </ TITLE><br /> </ HEAD><br /> <BODY><br /> <P> Halo dunia!<br /> </ BODY><br /></ HTML><br /><br />Sebuah dokumen HTML terbagi menjadi bagian kepala (di sini, antara <HEAD> dan </ HEAD>) dan tubuh (di sini, antara <BODY> dan </ BODY>). Judul dokumen muncul di kepala (bersama dengan informasi lain tentang dokumen), dan isi dari dokumen muncul dalam tubuh. Tubuh dalam contoh ini berisi hanya satu paragraf, yang ditandai dengan <P>.<br /><br />Setiap bahasa markup yang didefinisikan dalam SGML disebut aplikasi SGML. Sebuah aplikasi SGML umumnya dicirikan oleh:<br /><br />Sebuah pernyataan SGML. SGML deklarasi yang menentukan karakter dan delimiters yang mungkin muncul dalam aplikasi.<br />Sebuah definisi jenis dokumen (DTD). DTD mendefinisikan sintaks markup konstruksi. DTD dapat mencakup definisi tambahan seperti referensi entitas karakter.<br />Sebuah spesifikasi yang menggambarkan semantik dapat dianggap berasal dari markup. Spesifikasi ini juga menetapkan pembatasan sintaks yang tidak dapat dinyatakan dalam DTD.<br />Contoh dokumen yang berisi data (isi) dan markup. Setiap contoh berisi referensi ke DTD digunakan untuk menafsirkannya.<br />Spesifikasi ini mencakup deklarasi SGML, tiga jenis dokumen definisi (lihat bagian tentang informasi versi HTML untuk deskripsi dari tiga), dan daftar referensi karakter.<br /><br />SGML 3,2 konstruksi yang digunakan dalam HTML<br />Bagian berikut memperkenalkan konstruksi SGML yang digunakan dalam HTML.<br /><br />Daftar lampiran SGML beberapa fitur yang tidak didukung oleh HTML secara luas alat dan agen pengguna dan harus dihindari.<br /><br />3.2.1 Elemen<br />Sebuah definisi jenis dokumen SGML menyatakan jenis unsur yang mewakili struktur atau perilaku yang diinginkan. HTML termasuk elemen yang mewakili jenis paragraf, hypertext link, daftar, tabel, gambar, dll<br /><br />Setiap elemen deklarasi tipe umumnya menggambarkan tiga bagian: sebuah start tag, isi, dan tag akhir.<br /><br />Nama elemen muncul di awal tag (ditulis <element-name>) dan tag akhir (ditulis </ unsur-name>); perhatikan garis miring sebelum nama elemen tag akhir. Sebagai contoh, awal dan akhir tag dari elemen UL membatasi jenis item dalam daftar:<br /><br /><ul><br /><li> <P> ... Item daftar 1 ...<br /><li> <P> ... List item 2 ...<br /></ UL><br /><br /><br />Beberapa jenis elemen HTML memungkinkan penulis untuk menghilangkan tag penutup (misalnya, unsur P dan LI jenis). Beberapa jenis elemen juga memungkinkan tag untuk mulai dihilangkan misalnya, HEAD dan BODY. DTD HTML untuk setiap elemen menunjukkan jenis apakah tag awal dan tag akhir diperlukan.<br /><br />Beberapa jenis elemen HTML tidak memiliki konten. Sebagai contoh, garis elemen BR istirahat tidak memiliki konten; satu-satunya peran adalah untuk mengakhiri baris teks. Elemen kosong seperti tidak pernah berakhir tag. Definisi jenis dokumen dan teks dari spesifikasi menunjukkan apakah jenis elemen kosong (tidak memiliki konten), atau jika dapat memiliki konten, apa yang dianggap sebagai isi hukum.<br /><br />Nama unsur selalu case-insensitive.<br /><br />Silakan berkonsultasi dengan standar SGML untuk informasi tentang aturan-aturan yang mengatur unsur-unsur (misalnya, mereka harus benar bersarang, menutup tag akhir, kembali ke start tag yang cocok, semua intervensi unclosed mulai dihilangkan tag dengan tag penutup (bagian 7.5.1), dll ).<br /><br />Sebagai contoh, ayat berikut:<br /><br /><P> Ini adalah paragraf pertama. </ P><br />... blok elemen ...<br /><br />mungkin akan ditulis ulang tanpa akhir tag:<br /><br /><P> Ini adalah paragraf pertama.<br />... blok elemen ...<br /><br />sejak start tag <P> ditutup oleh elemen blok berikut. Demikian pula, jika sebuah paragraf adalah blok yang dilingkupi oleh elemen, seperti pada:<br /><br /><DIV><br /><P> Ini adalah paragraf.<br /></ DIV><br /><br />akhir tag penutup elemen balok (di sini, </ DIV>) menunjukkan tag akhir yang terbuka start tag <P>.<br /><br />Unsur tidak tag. Beberapa orang menyebut unsur-unsur sebagai tag (misalnya, "P tag"). Ingat bahwa unsur adalah satu hal, dan tag (baik itu tag awal atau akhir) adalah hal lain. Sebagai contoh, elemen HEAD selalu hadir, meskipun kedua awal dan akhir tag HEAD mungkin hilang di markup.<br /><br />Semua jenis unsur dinyatakan dalam spesifikasi ini terdaftar dalam indeks elemen.<br /><br />3.2.2 Atribut<br />Unsur mungkin memiliki sifat-sifat yang terkait, yang disebut atribut, yang mungkin memiliki nilai-nilai (secara default, atau ditetapkan oleh penulis atau script). Atribut / nilai pasangan muncul sebelum akhir ">" dari suatu unsur mulai tag. Sejumlah (hukum) nilai atribut pasangan, dipisahkan oleh spasi, mungkin muncul dalam elemen mulai tag. Mereka mungkin muncul dalam urutan apapun.<br /><br />Dalam contoh ini, atribut id ditetapkan untuk sebuah elemen H1:<br /><br /><h1 Id="section1"><br />Ini adalah pos diidentifikasi berkat atribut id<br /></ H1><br /><br /><br />Secara default, SGML mensyaratkan bahwa semua nilai atribut harus dipisahkan baik menggunakan tanda kutip ganda (ASCII desimal 34) atau satu tanda kutip (ASCII desimal 39). Tanda kutip tunggal dapat dimasukkan dalam nilai atribut ketika nilai dipisahkan oleh tanda kutip ganda, dan sebaliknya. Penulis juga dapat menggunakan karakter numerik referensi untuk mewakili tanda kutip ganda ( ") dan tanda kutip tunggal ( '). Untuk penulis tanda kutip ganda juga dapat menggunakan referensi entitas karakter".<br /><br />Dalam kasus tertentu, penulis dapat menetapkan nilai dari atribut tanpa tanda kutip. Nilai atribut hanya boleh berisi huruf (az dan AZ), angka (0-9), tanda hubung (ASCII desimal 45), periode (ASCII desimal 46), garis bawah (ASCII desimal 95), dan titik dua (ASCII desimal 58). Kami merekomendasikan menggunakan tanda kutip bahkan ketika adalah mungkin untuk menghilangkannya.<br /><br />Nama Atribut selalu case-insensitive.<br /><br />Nilai atribut umumnya case-insensitive. Definisi setiap atribut dalam manual referensi menunjukkan apakah nilainya case-insensitive.<br /><br />Semua atribut yang didefinisikan oleh spesifikasi ini terdaftar dalam indeks atribut.<br /><br />3.2.3 Karakter referensi<br />Karakter referensi adalah angka atau nama simbolis untuk karakter yang dapat dicantumkan dalam dokumen HTML. Mereka berguna untuk mengacu pada karakter jarang digunakan, atau yang authoring tools membuat sulit atau tidak mungkin untuk masuk. Anda akan melihat karakter referensi di seluruh dokumen ini, mereka mulai dengan "&" tanda dan diakhiri dengan semi-colon (;). Beberapa contoh yang umum mencakup:<br /><br />"<" mewakili <tanda.<br />">" mewakili> tanda.<br />"" "mewakili" tanda.<br />"å" (dalam desimal) mewakili huruf "a" dengan lingkaran kecil di atasnya.<br />"И" (dalam desimal) mewakili huruf Cyrillic "Aku".<br />"水" (dalam heksadesimal) mewakili karakter Cina untuk air.<br />Kami membahas referensi karakter HTML secara rinci kemudian dalam bagian mengenai dokumen HTML character set. Spesifikasi juga berisi daftar referensi karakter yang mungkin muncul dalam dokumen HTML 4.<br /><br />3.2.4 Komentar<br />Komentar HTML memiliki sintaks berikut:<br /><br /><! - Ini adalah komentar -><br /><! - Dan dengan demikian adalah satu ini,<br /> yang menempati lebih dari satu baris -><br /><br /><br />Ruang putih tidak diizinkan antara deklarasi markup pemisah ("<!") terbuka dan komentar terbuka tetapi ("--"), pemisah antara komentar diizinkan pembatas dekat ("--") dan deklarasi markup dekat pembatas ( ">"). Sebuah kesalahan umum adalah untuk menyertakan tanda hubung serangkaian ("---") dalam komentar. Penulis harus menghindari memasukkan dua atau lebih tanda hubung yang berdekatan di dalam komentar.<br /><br />Informasi yang muncul antara komentar tidak memiliki arti khusus (misalnya, karakter referensi tidak ditafsirkan seperti itu).<br /><br />Perhatikan bahwa komentar yang markup.<br /><br />3,3 Bagaimana membaca HTML DTD<br />Setiap elemen dan atribut deklarasi dalam spesifikasi ini disertai oleh definisi jenis dokumen fragmen. Kami telah memilih untuk menyertakan DTD fragmen dalam spesifikasi daripada mencari yang lebih didekati, tetapi lebih lama dan kurang akurat berarti menggambarkan sifat-sifat suatu unsur. Tutorial berikut ini harus memungkinkan pembaca terbiasa dengan SGML DTD untuk membaca dan memahami rincian teknis spesifikasi HTML.<br /><br />3.3.1 DTD Komentar<br />Dalam DTDs, komentar dapat menyebar ke satu atau lebih baris. Dalam DTD, komentar yang dibatasi oleh sepasang "-" tanda, misalnya<br /><br /><! ELEMENT Param - O KOSONG - bernama nilai properti -><br /><br />Di sini, komentar "nilai properti bernama" menjelaskan penggunaan jenis elemen param. Komentar di DTD adalah hanya informatif.<br />3.3.2 Parameter definisi entitas<br />DTD HTML dimulai dengan serangkaian parameter definisi entitas. Sebuah parameter definisi mendefinisikan entitas semacam makro yang dapat dirujuk dan dikembangkan di tempat lain dalam DTD. Macro ini mungkin tidak muncul dalam dokumen HTML, hanya dalam DTD. Macro jenis lain, yang disebut karakter referensi, dapat digunakan dalam teks dari sebuah dokumen HTML atau dalam nilai atribut.<br /><br />Ketika entitas parameter disebut namanya dalam DTD, ini berkembang menjadi sebuah string.<br /><br />Sebuah definisi entitas parameter diawali dengan kata kunci <! ENTITY% diikuti oleh nama entitas, yang dikutip entitas string untuk mengembang, dan akhirnya penutup>. Contoh parameter entitas dalam DTD dimulai dengan "%", maka parameter nama entitas, dan diberhentikan oleh opsional ";".<br /><br />Contoh berikut mendefinisikan string bahwa "% fontstyle;" entitas akan diperluas untuk.<br /><br /><! ENTITY% fontstyle "TT | I | B | BESAR | KECIL"><br /><br /><br />Parameter string entitas berekspansi ke mungkin berisi nama-nama entitas parameter lain. Nama-nama ini diperluas secara rekursif. Pada contoh berikut, "% inline;" entitas parameter didefinisikan untuk memasukkan "% fontstyle;", "% frase;", "% khusus;" dan "% formctrl;" entitas parameter.<br /><br /><! ENTITY% inline "# PCDATA |% fontstyle; |% frase; |% khusus; |% formctrl;"><br /><br /><br />Anda akan menemukan dua entitas DTD HTML sering di DTD: "% block;" "% inline;". Mereka digunakan ketika model konten termasuk blok-level dan unsur inline, masing-masing (didefinisikan dalam bagian mengenai struktur global dari dokumen HTML).<br /><br />3.3.3 Elemen deklarasi<br />Sebagian besar DTD HTML terdiri dari unsur deklarasi jenis dan atribut mereka. The <! ELEMENT kata kunci dimulai deklarasi dan> karakter berakhir itu. Antara ini ditetapkan:<br /><br />Nama elemen.<br />Apakah elemen tag adalah opsional. Dua tanda hubung yang muncul setelah nama elemen berarti bahwa awal dan tag akhir wajib diisi. Satu tanda hubung diikuti dengan huruf "O" menunjukkan bahwa tag akhir dapat diabaikan. Sepasang huruf "O" s menunjukkan bahwa baik awal dan tag akhir dapat diabaikan.<br />Elemen konten, jika ada. Konten yang dibolehkan untuk unsur ini disebut model isinya. Unsur jenis yang dirancang untuk tidak memiliki konten yang disebut elemen kosong. Model konten untuk jenis unsur tersebut dinyatakan dengan menggunakan kata kunci "KOSONG".<br />Dalam contoh ini:<br /><br /> <! ELEMENT UL - - (LI) +><br /><br />Jenis unsur yang dinyatakan adalah UL.<br />Kedua tanda hubung menunjukkan bahwa baik <ul> tag awal dan tag akhir </ UL> untuk jenis unsur ini diperlukan.<br />Model konten untuk jenis unsur ini dinyatakan "paling tidak satu elemen LI". Di bawah ini, kami akan menjelaskan bagaimana untuk menentukan model konten.<br />Contoh ini menggambarkan deklarasi tipe elemen yang kosong:<br /><br /> <! ELEMENT IMG - O KOSONG><br /><br />Jenis unsur yang dinyatakan adalah IMG.<br />Tanda hubung dan berikut "O" menunjukkan bahwa tag akhir dapat diabaikan, tetapi bersama-sama dengan konten model "KOSONG", ini diperkuat dengan aturan bahwa tag akhir harus dihilangkan.<br />The "KOSONG" kata kunci berarti bahwa contoh-contoh dari jenis ini pasti belum konten.<br /><br />Definisi model konten<br />Model konten menggambarkan apa yang mungkin terkandung oleh sebuah contoh dari tipe elemen. Model konten definisi meliputi:<br /><br />Nama-nama yang diizinkan atau dilarang jenis unsur (misalnya, elemen UL berisi contoh-contoh dari elemen LI jenis, dan jenis unsur P tidak boleh mengandung unsur-unsur P lainnya).<br />DTD entitas (misalnya, elemen LABEL berisi contoh-contoh dari "% inline;" parameter entitas).<br />Dokumen teks (ditunjukkan oleh SGML membangun "# PCDATA"). Teks mungkin berisi referensi karakter. Ingatlah bahwa ini dimulai dengan & dan diakhiri dengan tanda titik koma (misalnya, "petualangan Hergé Tintin" mengandung karakter entitas referensi untuk "e akut" karakter).<br />Model isi suatu elemen ditentukan dengan sintaks berikut. Harap dicatat bahwa daftar di bawah ini adalah penyederhanaan SGML penuh aturan sintaks dan tidak alamat, misalnya, precedences.<br /><br />(...)<br />Delimits kelompok.<br />Sebuah<br />Seorang harus terjadi, satu kali saja.<br />A +<br />Seorang harus terjadi satu atau lebih kali.<br />A?<br />Seorang harus terjadi nol atau satu waktu.<br />A *<br />A mungkin terjadi nol atau lebih kali.<br />+ (A)<br />A mungkin terjadi.<br />- (A)<br />Seorang tidak boleh terjadi.<br />A | B<br />A atau B harus terjadi, tetapi tidak keduanya.<br />A, B<br />Baik A dan B harus terjadi, dalam urutan itu.<br />A & B<br />Baik A dan B harus terjadi, dalam urutan apapun.<br />Berikut adalah beberapa contoh dari DTD HTML:<br /><br /> <! ELEMENT UL - - (LI) +><br /><br />Elemen yang UL harus berisi satu atau lebih elemen LI.<br /><br /> <! ELEMENT DL - - (DT | DD) +><br /><br />DL elemen harus berisi satu atau lebih elemen DT atau DD dalam urutan apapun.<br /><br /> <! ELEMENT OPTION - O (# PCDATA)><br /><br />Elemen yang OPTION mungkin hanya berisi teks dan entitas, seperti & - ini diindikasikan oleh tipe data SGML # PCDATA.<br /><br />Beberapa jenis elemen HTML menggunakan SGML tambahan fitur untuk mengecualikan unsur-unsur dari model konten mereka. Elemen Dikecualikan didahului oleh tanda hubung. Pengecualian eksplisit diperbolehkan menggantikan elemen.<br /><br />Dalam contoh ini, - (A) berarti bahwa unsur yang tidak dapat muncul dalam elemen yang lain (yakni, jangkar mungkin tidak akan bersarang).<br /><br /> <! ELEMENT A - - (% inline;) * - (A)><br /><br />Perhatikan bahwa elemen tipe A adalah bagian dari entitas parameter DTD "% inline;", tapi tidak dimasukkan secara eksplisit karena - (A).<br /><br />Demikian pula, deklarasi tipe elemen berikut untuk melarang bersarang FORMULIR bentuk:<br /><br /> <! ELEMENT FORMULIR - - (% block; | SCRIPT) + - (FORM)><br /><br /><br />3.3.4 Atribut deklarasi<br />The <! ATTLIST kata kunci mulai deklarasi atribut yang dapat mengambil suatu elemen. Hal ini diikuti oleh nama dari elemen yang dicari, daftar definisi atribut, dan penutup>. Setiap atribut definisi adalah triplet yang mendefinisikan:<br /><br />Nama atribut.<br />Jenis atribut nilai atau eksplisit seperangkat nilai-nilai yang mungkin. Nilai secara eksplisit didefinisikan oleh DTD adalah case-insensitive. Silahkan baca bagian tentang tipe data HTML dasar untuk informasi lebih lanjut tentang jenis nilai atribut.<br />Apakah nilai default atribut implisit (kata kunci "# TERSIRAT"), dalam hal mana nilai default harus dipasok oleh agen pengguna (dalam beberapa kasus melalui warisan dari orang tua elemen); selalu dibutuhkan (kata kunci "# REQUIRED") atau tetap dengan nilai tertentu (kata kunci "# FIXED"). Beberapa atribut definisi secara eksplisit menentukan nilai default untuk atribut.<br />Dalam contoh ini, nama atribut didefinisikan untuk elemen MAP. Atribut bersifat opsional bagi elemen ini.<br /><br /><! ATTLIST MAP<br /> Nama CDATA # TERSIRAT<br /> ><br /><br />Jenis nilai atribut diizinkan untuk diberikan sebagai CDATA, sebuah tipe data SGML. CDATA adalah teks yang dapat berisi referensi karakter.<br /><br />Untuk informasi lebih lanjut tentang "CDATA", "NAMA", "ID", dan tipe data lainnya, silahkan baca bagian tentang tipe data HTML.<br /><br />Contoh berikut menggambarkan beberapa atribut definisi:<br /><br />rowspan NOMOR 1 - jumlah baris yang dibatasi oleh sel --<br />http-equiv NAMA # TERSIRAT - nama header respon HTTP --<br />id ID # TERSIRAT - dokumen-lebar id unik --<br />valign (atas | tengah | bottom | baseline) # TERSIRAT<br /><br />Rowspan atribut yang nilai-nilai memerlukan tipe NOMOR. Nilai default diberikan secara eksplisit sebagai "1". Opsional http-equiv nilai atribut memerlukan tipe NAMA. Id atribut opsional memerlukan tipe nilai ID. Valign atribut opsional dibatasi untuk mengambil nilai dari himpunan (atas, tengah, bawah, baseline).<br /><br />DTD entitas dalam definisi atribut<br />Atribut definisi mungkin juga mengandung parameter referensi entitas.<br /><br />Dalam contoh ini, kita melihat bahwa daftar definisi atribut untuk elemen LINK dimulai dengan "% attrs;" parameter entitas.<br /><br /><! ELEMENT LINK - O KOSONG - media-link independen -><br /><! ATTLIST LINK<br /> % attrs; -% coreattrs,% i18n,% peristiwa --<br /> charset% Charset; # TERSIRAT - char encoding yang terhubung sumber daya --<br /> href% URI; # TERSIRAT - URI untuk dihubungkan sumber daya --<br /> hreflang% LanguageCode; # TERSIRAT - kode bahasa --<br /> ketik% contenttype; # TERSIRAT - penasihat jenis konten --<br /> rel% LinkTypes; # TERSIRAT - jenis link forward --<br /> rev% LinkTypes; # TERSIRAT - reverse link jenis --<br /> media% MediaDesc; # TERSIRAT - untuk rendering pada media ini --<br /> ><br /><br /><br />Start tag: dibutuhkan, Akhiri tag: dilarang<br /><br />The "% attrs;" entitas parameter didefinisikan sebagai berikut:<br /><br /><! ENTITY% attrs "% coreattrs;% i18n;% kejadian;"><br /><br /><br />The "% coreattrs;" entitas parameter dalam "% attrs;" melebarkan definisi sebagai berikut:<br /><br /><! ENTITY% coreattrs<br /> "id ID # TERSIRAT - dokumen-lebar id unik --<br /> kelas CDATA # TERSIRAT - daftar yang dipisahkan ruang kelas --<br /> gaya% StyleSheet; # TERSIRAT - gaya terkait info --<br /> title% Text; # TERSIRAT - penasihat judul - "<br /> ><br /><br /><br />The "% attrs;" entitas parameter telah ditetapkan untuk kemudahan karena atribut-atribut ini ditetapkan untuk sebagian besar jenis elemen HTML.<br /><br />Demikian pula, DTD mendefinisikan "% URI;" parameter entitas sebagai ekspansi ke string "CDATA".<br /><br /><! ENTITY% URI "CDATA"<br /> - Sebuah Uniform Resource Identifier,<br /> lihat [URI]<br /> -><br /><br /><br />Sebagai contoh ini menggambarkan, entitas parameter "% URI;" menyediakan pembaca DTD dengan lebih banyak informasi mengenai jenis data yang diharapkan untuk sebuah atribut. Entitas serupa telah ditetapkan untuk "% Color;", "% Charset;", "% Length;", "% Pixels;", dll<br /><br />Boolean atribut<br />Beberapa atribut memainkan peran boolean variabel (misalnya, atribut yang dipilih untuk elemen OPSI). Penampilan mereka di awal tag dari suatu unsur menunjukkan bahwa nilai atribut "benar". Ketidakhadiran mereka menyiratkan nilai "false".<br /><br />Atribut boolean dapat secara legal mengambil nilai tunggal: nama atribut itu sendiri (misalnya, dipilih = "dipilih").<br /><br />Contoh ini mendefinisikan atribut yang dipilih untuk menjadi atribut boolean.<br /><br />dipilih (dipilih) # TERSIRAT - Pilihan ini pra-selected --<br /><br />Atribut di-set ke "true" dengan muncul di awal elemen tag:<br /><br /><option Selected="selected"><br />... isi ...<br /></ OPTION><br /><br /><br />Dalam HTML, atribut boolean mungkin muncul dalam bentuk diminimalkan - nilai atribut muncul sendirian di tag awal elemen. Jadi, yang dipilih mungkin diatur dengan menulis:<br /><br /><option Selected><br /><br />bukannya:<br /><br /><option Selected="selected"><br /><br />Penulis harus sadar bahwa banyak pengguna mengenali agen-agen hanya bentuk boolean diminimalkan atribut dan bukan bentuk penuh.<br /> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'> Diposting oleh <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/12435276346362241690' itemprop='url'/> <a href='https://www.blogger.com/profile/12435276346362241690' rel='author' title='author profile'> <span itemprop='name'>Unknown</span> </a> </span> </span> <span class='post-timestamp'> di <meta content='http://bonarzi.blogspot.com/2010/02/3-pada-sgml-dan-html-isi-pengenalan.html' itemprop='url'/> <a class='timestamp-link' href='http://bonarzi.blogspot.com/2010/02/3-pada-sgml-dan-html-isi-pengenalan.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2010-02-09T03:07:00-08:00'>Selasa, Februari 09, 2010</abbr></a> </span> <span class='post-icons'> <span class='item-action'> <a href='https://www.blogger.com/email-post.g?blogID=5470661905575159337&postID=7784553079948622262' title='Posting Email'> <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> <span class='item-control blog-admin pid-81512474'> <a href='https://www.blogger.com/post-edit.g?blogID=5470661905575159337&postID=7784553079948622262&from=pencil' title='Edit Entri'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <span class='post-backlinks post-comment-link'> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=5470661905575159337&postID=7784553079948622262&target=email' target='_blank' title='Kirimkan Ini lewat Email'><span class='share-button-link-text'>Kirimkan Ini lewat Email</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=5470661905575159337&postID=7784553079948622262&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=5470661905575159337&postID=7784553079948622262&target=twitter' target='_blank' title='Berbagi ke Twitter'><span class='share-button-link-text'>Berbagi ke Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=5470661905575159337&postID=7784553079948622262&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Berbagi ke Facebook'><span class='share-button-link-text'>Berbagi ke Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=5470661905575159337&postID=7784553079948622262&target=pinterest' target='_blank' title='Bagikan ke Pinterest'><span class='share-button-link-text'>Bagikan ke Pinterest</span></a> </div> <span class='post-comment-link'> </span> </div> <div class='post-footer-line post-footer-line-2'><span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'><span class='reaction-buttons'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>Tidak ada komentar:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <a href='https://www.blogger.com/comment.g?blogID=5470661905575159337&postID=7784553079948622262' onclick=''>Posting Komentar</a> </p> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://bonarzi.blogspot.com/2010/02/anda-dihadapkan-pada-sebuah-komputer_09.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://bonarzi.blogspot.com/2010/02/balajar-html-1-tentang-html-4.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a> </span> <a class='home-link' href='http://bonarzi.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='http://bonarzi.blogspot.com/feeds/7784553079948622262/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a> </div> </div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> <div class='sidebar section' id='sidebar-left-1'><div class='widget Followers' data-version='1' id='Followers1'> <h2 class='title'><a href="http://www.ceebydith.com/pulsa/hlr.html" title="Ceebydith HLR Lookup"></a></h2> <div class='widget-content'> <div id='Followers1-wrapper'> <div style='margin-right:2px;'> <div><script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <div id="followers-iframe-container"></div> <script type="text/javascript"> window.followersIframe = null; function followersIframeOpen(url) { gapi.load("gapi.iframes", function() { if (gapi.iframes && gapi.iframes.getContext) { window.followersIframe = gapi.iframes.getContext().openChild({ url: url, where: document.getElementById("followers-iframe-container"), messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { '_ready': function(obj) { window.followersIframe.getIframeEl().height = obj.height; }, 'reset': function() { window.followersIframe.close(); followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d5470661905575159337\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM2NjY2NjYiByMwMDY1ZmYqC3RyYW5zcGFyZW50MgcjZmZmZmZmOgcjNjY2NjY2QgcjMDA2NWZmSgcjZmYwMDY0UgcjMDA2NWZmWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttp://bonarzi.blogspot.com/"); }, 'open': function(url) { window.followersIframe.close(); followersIframeOpen(url); }, 'blogger-ping': function() { } } }); } }); } followersIframeOpen("https://www.blogger.com/followers.g?blogID\x3d5470661905575159337\x26colors\x3dCgt0cmFuc3BhcmVudBILdHJhbnNwYXJlbnQaByM2NjY2NjYiByMwMDY1ZmYqC3RyYW5zcGFyZW50MgcjZmZmZmZmOgcjNjY2NjY2QgcjMDA2NWZmSgcjZmYwMDY0UgcjMDA2NWZmWgt0cmFuc3BhcmVudA%3D%3D\x26pageSize\x3d21\x26origin\x3dhttp://bonarzi.blogspot.com/"); </script></div> </div> </div> <div class='clear'></div> </div> </div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>085297675148</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(10)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2009/12/'> Desember </a> <span class='post-count' dir='ltr'>(10)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2010/'> 2010 </a> <span class='post-count' dir='ltr'>(91)</span> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2010/02/'> Februari </a> <span class='post-count' dir='ltr'>(32)</span> <ul class='posts'> <li><a href='http://bonarzi.blogspot.com/2010/02/anda-dihadapkan-pada-sebuah-komputer.html'>Anda dihadapkan pada sebuah komputer yang sedang t...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/indeks-b-c-d-e-f-g-h-i-l-m-n-o-p-q-r-s.html'>IndeksA B C D E F G H I L M N O P Q R S T U Wsingk...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/html-4.html'>HTML 4.01 SpecificationRekomendasi W3C 24 Desember...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/balajar-html-1-tentang-html-4.html'>BALAJAR HTML1 Tentang HTML 4 SpesifikasiIsiBagaima...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/3-pada-sgml-dan-html-isi-pengenalan.html'>3 Pada SGML dan HTMLIsiPengenalan SGMLSGML konstru...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/anda-dihadapkan-pada-sebuah-komputer_09.html'><!-- more --> Anda dihadapkan pada sebuah komputer...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/kala-perpisahan-akhirnya-sampailah-kita.html'>Kala perpisahan Akhirnya sampailah kita pada waktu...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/puisi-perpisahan-i-perpisahan-ketika.html'>Puisi perpisahan IPERPISAHAN Ketika tiba saat perp...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/puisi-untuk-sahabat-sahabatku-seberat.html'> Puisi untuk sahabat sahabatku……… seberat apapun m...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/blog-post_11.html'>Tanpa judul</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/bagaimana-cara-kerja-printer-dot-matrix.html'>Bagaimana Cara Kerja Printer Dot Matrix?</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/monitor-lcd.html'>MONITOR LCD</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/sejarah-linux.html'>sejarah linux</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/sejarah-linux-suse.html'>sejarah linux suse</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/use-linux-opensuse-tampilan-opensuse-11.html'> USE Linux OpenSuse Tampilan...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/red-hat-tipe-terbuka-nasdaq-rhat.html'> Red Hat Tipe Terbuka (NASDAQ:RH...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/mengenal-linux-ubuntu.html'> Mengenal Linux Ubuntu.Sejarah Linux. Linux adalah...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/sejarah-microsoft-windows-dari.html'> sejarah Microsoft WindowsDari Wikipedia bahasa In...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/bill-gates-dari-wikipedia-bahasa.html'> Bill GatesDari Wikipedia bahasa Indonesia, ensikl...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/linus-torvalds-linus-torvalds-lahir-28.html'>Linus Torvalds <!-- start content --> Linus T...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/blog-post_17.html'>Tanpa judul</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/tengtang-asal-usul-virus-asal-mula.html'> TENGTANG ASAL USUL VIRUS ASAL MULA VIRUS Saa...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/cara-sharing-data-cara-sharing-data.html'> CARA SHARING DATA Cara Sharing Data Kita bisa m...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/panduan-sharing-printer-di-jaringan.html'>Panduan Sharing Printer di Jaringan Printer belaka...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/cara-sharing-internet-ke-client-secara.html'> Cara sharing internet ke client Secara um...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/cara-lengkap-instalasi-windows-xp-sp2-b.html'>Cara lengkap instalasi windows xp sp2 Beberapa dar...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/cara-menginstall-linux-red-hat-9.html'> Cara Menginstall Linux Red Hat 9.0 Jumat, Desembe...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/cara-install-ubuntu-november-14-2007-at.html'>Cara install Ubuntu 7.04November 14, 2007 at 7:10 ...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/cara-merakit-komputer-beserta-gambarnya.html'> CARA MERAKIT KOMPUTER BESERTA GAMBARNYA ...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/jaringan-lanmanwan-and-peralatan.html'> Jaringan LAN,MAN,WAN and Peralatan jaringan ser...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/blog-post.html'><!--[if gte vml 1]> ...</a></li> <li><a href='http://bonarzi.blogspot.com/2010/02/cara-merusaki-jaringan-lan-tutorial.html'>  cara merusaki jaringan lan Tutorial ngerusak j...</a></li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2010/03/'> Maret </a> <span class='post-count' dir='ltr'>(19)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2010/04/'> April </a> <span class='post-count' dir='ltr'>(11)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2010/06/'> Juni </a> <span class='post-count' dir='ltr'>(23)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2010/07/'> Juli </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2010/08/'> Agustus </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2011/'> 2011 </a> <span class='post-count' dir='ltr'>(23)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2011/01/'> Januari </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2011/02/'> Februari </a> <span class='post-count' dir='ltr'>(2)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2011/03/'> Maret </a> <span class='post-count' dir='ltr'>(9)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2011/04/'> April </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2011/11/'> November </a> <span class='post-count' dir='ltr'>(4)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2012/'> 2012 </a> <span class='post-count' dir='ltr'>(12)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2012/05/'> Mei </a> <span class='post-count' dir='ltr'>(10)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2012/08/'> Agustus </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2012/09/'> September </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2013/'> 2013 </a> <span class='post-count' dir='ltr'>(17)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2013/01/'> Januari </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2013/03/'> Maret </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2013/04/'> April </a> <span class='post-count' dir='ltr'>(5)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2013/08/'> Agustus </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2013/10/'> Oktober </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2014/'> 2014 </a> <span class='post-count' dir='ltr'>(15)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2014/02/'> Februari </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2014/04/'> April </a> <span class='post-count' dir='ltr'>(3)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2014/07/'> Juli </a> <span class='post-count' dir='ltr'>(9)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2014/08/'> Agustus </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://bonarzi.blogspot.com/2014/09/'> September </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> </div> </div> <div class='widget BlogSearch' data-version='1' id='BlogSearch1'> <h2 class='title'>BONARZI FRIADY SIHITE</h2> <div class='widget-content'> <div id='BlogSearch1_form'> <form action='http://bonarzi.blogspot.com/search' class='gsc-search-box' target='_top'> <table cellpadding='0' cellspacing='0' class='gsc-search-box'> <tbody> <tr> <td class='gsc-input'> <input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/> </td> <td class='gsc-search-button'> <input class='gsc-search-button' title='search' type='submit' value='Telusuri'/> </td> </tr> </tbody> </table> </form> </div> </div> <div class='clear'></div> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>Mengenai Saya</h2> <div class='widget-content'> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/12435276346362241690' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> Unknown </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/12435276346362241690' rel='author'>Lihat profil lengkapku</a> <div class='clear'></div> </div> </div> </div> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> </aside> </div> </div> </div> <div style='clear: both'></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot section' id='footer-1'><div class='widget HTML' data-version='1' id='HTML3'> <div class='widget-content'> <div style="background: #000899; border: 2px solid #FF0000; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;"> <marquee direction="left" scrollamount="6" align="center">ANAK SIDIKALANG DO AU </marquee> </div> </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML1'> <div class='widget-content'> <div style="background: #223455; border: 2px solid #FF0000; color: blue; font-size: 30px; font-weight: bold; letter-spacing: 0.5em; padding: 5px;"> <b><marquee direction="left" scrollamount="6" align="center">HORAS MA DI HITA SASUDENA</marquee></b> </div> </div> <div class='clear'></div> </div></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot no-items section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot no-items section' id='footer-2-2'></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class='foot section' id='footer-3'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> ASLI ANAK BANSEL ( SIDIKALANG ). Tema Perjalanan. Diberdayakan oleh <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer> <!-- content --> </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/523887051-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY59_RtrhismYxL6ox3HMTSVbK9cjw:1716157664112';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5470661905575159337','//bonarzi.blogspot.com/2010/02/3-pada-sgml-dan-html-isi-pengenalan.html','5470661905575159337'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5470661905575159337', 'title': 'BONARZI FRIADY SIHITE', 'url': 'http://bonarzi.blogspot.com/2010/02/3-pada-sgml-dan-html-isi-pengenalan.html', 'canonicalUrl': 'http://bonarzi.blogspot.com/2010/02/3-pada-sgml-dan-html-isi-pengenalan.html', 'homepageUrl': 'http://bonarzi.blogspot.com/', 'searchUrl': 'http://bonarzi.blogspot.com/search', 'canonicalHomepageUrl': 'http://bonarzi.blogspot.com/', 'blogspotFaviconUrl': 'http://bonarzi.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': true, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22BONARZI FRIADY SIHITE - Atom\x22 href\x3d\x22http://bonarzi.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22BONARZI FRIADY SIHITE - RSS\x22 href\x3d\x22http://bonarzi.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22BONARZI FRIADY SIHITE - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5470661905575159337/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22BONARZI FRIADY SIHITE - Atom\x22 href\x3d\x22http://bonarzi.blogspot.com/feeds/7784553079948622262/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8a8c39e8754b0ef7', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '7784553079948622262', 'pageName': '', 'pageTitle': 'BONARZI FRIADY SIHITE'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true, 'variant': 'road', 'variantId': 'road'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'BONARZI FRIADY SIHITE', 'description': '3 Pada SGML dan HTML Isi Pengenalan SGML SGML konstruksi yang digunakan dalam HTML Elemen Atribut Karakter referensi Komentar Bagaimana memb...', 'url': 'http://bonarzi.blogspot.com/2010/02/3-pada-sgml-dan-html-isi-pengenalan.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 7784553079948622262}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'crosscol', document.getElementById('Text1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'crosscol-overflow', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1781096480-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FollowersView', new _WidgetInfo('Followers1', 'sidebar-left-1', document.getElementById('Followers1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-left-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar-left-1', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar-left-1', document.getElementById('Profile1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'footer-1', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer-1', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>