2. Mengenal HTML

2. Mengenal HTML
HTML (HyperText Markup Language) adalah “bahasa” yang digunakan pada untuk membuat
halaman web di internet. HTML memungkinkan kita untuk menampilkan teks, gambar, link ke halaman
lain, membuat form isian, menyisipkan video, suara, dan lain-lain.
Struktur Dokumen HTML
Dokumen HTML sebenarnya hanya berupa file teks biasa yang dilengkapi dengan tanda-tanda
khusus (tag) yang menentukan bagaimana teks tersebut ditampilkan. Karena itu, dokumen HTML
dapat dibuat menggunakan teks editor sederhana seperti Notepad, EditPlus, vi, dan sebagainya.
Namun sekarang ini telah banyak visual editor untuk HTML seperti: Microsoft Front Page,
Macromedia Dreamweaver, Adobe GoLive, dan lain-lain.
Tag HTML biasanya adalah tag-tag yang berpasangan dan ditandai dengan simbol <>,
sedangkan ‘pasangan’ atau akhir perintah dari sebuah tag ditandai dengan tanda ‘/’, misalnya
pasangan dari tag adalah .
Dokumen HTML biasanya disimpan dengan extension .HTM atau .HTML. Untuk membuka
dokumen HTML ini, diperlukan sebuah Web Browser. Contoh web browser yang banyak dipakai
adalah: Microsoft Internet Explorer, Netscape Navigator, Opera, dan sebagainya. Berikut ini adalah
sebuah contoh dokumen HTML sederhana:

Helo World

Di dalam BODY ditempatkan teks, gambar, link atau isi dokumen Anda.


Kode 2.1 helo.html – Struktur dokumen HTML sederhana
Jika dokumen ini dibuka pada web browser akan tampak seperti pada gambar di bawah ini.
Gb.2-1 Tampilan File helo.html
Webmaster Using PHP 14

http://isal.wordpress.com :: Learning By Doing and Make it Simple
Dokumen HTML dapat dibagi menjadi dua bagian, yaitu bagian kepala (HEAD) dan tubuh
(BODY). Bagian kepala ditandai dengan tag . Pada bagian ini biasanya diisi dengan
informasi-informasi tambahan yang berguna bagi web browser ketika menampilkan halaman tersebut,
atau informasi untuk search engine. Bagian tubuh diapit tag . Isi dokumen dan tag-
tag HTML lainnya diletakkan di bagian ini.
Salah satu elemen penting yang terletak pada bagian head adalah TITLE. Seperti tampak
pada contoh di atas, teks yang diapit tag ditampilkan pada title bar web browser.
Teks ini adalah judul halaman web bersangkutan. Judul ini berguna untuk memberi gambaran umum
pada pengunjung tentang isi halaman bersangkutan.
2.2 Heading
Tag yang pertama kali akan kita pelajari adalah tag heading, yang berfungsi untuk memformat
Heading (Judul/sub judul) dalam sebuah dokumen. Ada 7 buah heading yang dikenal dalam HTML
yaitu

sampai . Untuk mengetahui ukuran tiap heading, anda dapat mencoba baris-baris
berikut :

Heading 1

Heading 2

Heading 3

Heading 6

Heading 7


Kode 2.2 heading.html – Tampilan Huruf untuk judul dan subjudul
2.3 Paragraf
Untuk memformat paragraf kita bisa menggunakan tag

. Dengan tag ini kita bisa
menentukan alignment (posisi) dari dokumen HTML. Untuk mengatur posisi tulisan kita menggunakan
atribut ALIGN. Atribut ALIGN diikuti dengan posisi yang diinginkan.
Selain tag

ada pula tag
untuk pindah baris,

---

untuk membuat garis,

untuk membuat kutipan,

  untuk menampilkan  text  sama dengan yang anda

ketikkan dalam dokumen HTML, misal anda mengetikkan :





  





Hallo

     Hallo

Hallo







Maka yang akan ditampilkan oleh browser adalah

HalloHalloHallo

Hal itu terjadi karena HTML tidak mengenali tombol Enter sehingga tombol tersebut diabaikan. Untuk

mengatasi hal tersebut maka kita menggunakan tag 
 tersebut.





  





 Tulisan ini rata kanan.

 Tulisan ini akan berada di tengah dokumen

 Tulisan ini rata kiri



Hallo...


HTML gampang sekali khan


Terus maju pantang mundur!



            <--------->

            | u     u |

            |    u    |

            |   ---   |

            <--------->



Di bawah ini ada garis (Horizontal Rule) 






Kode 2.3 paragraf.html – Latihan memakai paragraf

Gb.2-2 Tampilan file paragraf.html



2.4 Pengaturan Huruf (Font)

Untuk mengatur   jenis,  ukuran,  warna suatu  font,  kita bisa menggunakan  tag ,   tag

 ini memiliki beberap atribut diantaranya FACE dan COLOR.

Atribut  FACE digunakan untuk menentukan  jenis  font  yang akan kita gunakan,  semisal kita

akan menggunakan  jenis  font  Comic Sans MS,  maka kita dapat  menuliskan Sans   MS”>.   Sedangkan   COLOR   berfungsi   untuk   menentukan   warna   font,   bisa   dengan   cara

menyebutkan nama warna seperti   red,  green dan blue atau menggunakan nilai  RGB  (Red Green

Blue) dari suatu warna, misalnya FF0000 untuk red, 00FF00 untuk green dan 0000FF untuk blue. Ada

juga atribut SIZE untuk menentukan ukuran font











Ini Font Biasa yang dicetak Tebal (BOLD) 




Ini Menggunakan Font Arial, warna merah dan ukurannya 4






Ini menggunakan Verdana, warna biru dan ukurannya 2







Kode 2.4 font.html – Contoh pemakaian jenis font

Gb.2-3 Tampilan file font.html

2.5 Warna Dokumen

Suatu dokumen web akan terlihat lebih menarik jika diberi warna-warna atau gambar sebagai

backgroundnya.  Untuk  itu,  pada HTML  tersedia atribut-atribut  untuk mengatur  hal   tersebut,  atribut

tersebut  diletakkan pada  tag   sehingga efeknya  akan dapat  dilihat  di   seluruh dokumen.

Atribut yang digunakan dalam tag  yaitu :



Atribut Fungsi

BGCOLOR Menentukan warna background suatu halaman web

BACKGROUND Menentukan   gambar/images   yang   akan   dipasang   sebagai

background halaman web

TEXT Menentukan warna teks normal

LINK Menentukan warna teks yang berfungsi sebagai link

ALINK Menentukan warna teks link ketika diklik

VLINK Menentukan warna teks link ketika selesai diklik

Tabel 2.1 Atribut Warna dokumen yang diletakkan di BODY

Contoh pemakaiannya adalah sebagai berikut :



2.6 Link

Dalam web,  selalu  ada yang  dinamakan  link,   link  berfungsi  menghubungkan antara  satu

halaman dengan halaman  lainnya.  Untuk  link  ini  HTML menyediakan  tag   (Anchor).  Tag 

memiliki  beberapa atribut  mis  :  HREF untuk menghubungkan antara satu halam dengan halaman

lainnya,  dan NAME untuk  memberikan nama pada suatu paragraf/tulisan dalam dokumen HTML,

sehingga mempermudah navigasi dalam suatu halaman web.











Bagian ini ditandai dengan top


Link ke Helo World (helo.html)


Link ke Latihan Paragraf (paragraf.html)


Link ke Latihan Font (font.html)


Link ke tempat yang ditandai





Kode 2.5 link.html – Penggunaan Link

2.7 Menampilkan Gambar (Image)

Suatu   situs   web   yang   bagus,   biasanya   menampilkan   gambar-gambar   untuk   menarik

pengunjung masuk kedalamnya,  bayangkan saja jika situs tersebut hanya menampilkan tulisan saja,

tentu amat membosankan. HTML menyediakan fasilitas untuk menampilkan gambar di halaman web

kita menggunakan tag .

Tag  memiliki bermacam atribut seperti SRC yang digunakan untuk menentukan lokasi

gambar   yang   akan   ditampilkan,   ALT   sebagai   teks   pengganti   apabila   ada   browser   yang   tidak

mendukung grafik, BORDER berfungsi untuk memberikan suatu border di sekeliling gambar, Height

dan weight  berfungsi  untuk menentukan  tinggi  atau  lebar  suatu gambar  dalam halaman web kita

(dalam  ukuran   pixel),   HSPACE   dan   VSPACE   berfungsi  menentukan   jarak   spasi   dengan   objek

disekitar gambar secara horiontal maupun vertikal.















MyPascal.Com

adalah situs resmi PASCAL Language & Computer Education.


Anda dapat menguasai komputer PLUS bahasa Inggris dengan Mudah.






Kode 2.6 img.html – IMG digunakan untuk memasukkan gambar ke dokumen HTML

Gb.2-4 Tampilan File img.html

2.8 Menggunakan Tabel

Untuk membuat tampilan website yang bagus, kebanyakan para desainer web menggunakan

tabel untuk mempermudah pengerjaan mereka, coba saja lihat situs www.detik.com dan www.kompas.com,

dimana tabel digunakan untuk memeprcantik situs tersebut.

Untuk  membuat   tabel,  HTML  menyediakan   tag  .  Dalam  tag     terdapat

banyak atribut, yaitu :

Atribut Fungsi

BORDER Menentukan ukuran border/garis tabel

WIDTH Menentukan lebar tabel

HEIGHT Menentukan tinggi tabel

BGCOLOR Menentukan background tabel

BACKGROUND

Menentukan   gambar   yang   digunakan   untuk

background tabel

Tabel 2.2 Atribut yang dipakai dalam 
Untuk   membuat   baris,   setelah   menuliskan   tag      maka   digunakan   tag   .

Sedangkan untuk membuat kolom digunakan tag 
. Sebagian besar atribut dalam tag 
dapat digunakan dalam tag  maupun dalam tag 

.



2.8.1 Penggabungan baris/kolom

Untuk menggabungkan baris/kolom  (merge)  digunakan atribut  COLSPAN dan ROWSPAN.

COLSPAN  digunakan   untuk  menggabungkan   beberapa   kolom menjadi   1  sedangkan  ROWSPAN

menggabungkan beberapa baris menjadi 1.

2.8.2 CELLPADDING dan CELLSPACING

CELLPADING digunakan untuk  mengatur  spasi  antara border  dengan  tulisan,  sedangkan

CELLSPACING digunakan untuk mengatur spasi antar dua buah sel.





  












No
Nama
Alamat
1
Faisal
Bandung
2
Ade
Jakarta
3
Herry
Cimahi
4
Nama & Alamat digabung







Kode 2.7 tabel.html – Conoth pembuatan tabel dan manipulasinya

Gb.2-5 Tampilan file tabel.html

2.9 Membuat Form

Untuk  melakukan   interaksi   dengan   user,   biasanya   suatu   situs  menggunakan   form  untuk

menerima masukan/input dari user dan memproses hasil inputan tersebut di server. Misalkan saja :



Gb.2-6 Halaman Web dengan Form Interaktif

Dalam gambar  diatas  dapat  dilihat  untuk  nama,  kita menggunakan  tipe  textbox,  password

menggunakan   tipe   password,   untuk   jenis   kelamin  menggunakan   radio   button   dan   untuk   hobi

menggunakan checkbox. Untuk mengatur tipe form, menggunakan atribut TYPE, struktur form dapat

dibuat sbb :









Untuk membuat form seperti pada Gb. 2.x dalam HTML dapat ditulis :





  







Nama : 


Password : 


Jenis Kelamin 


Pria

Wanita


Hobi : 


Komputer


Main


Lainnya


Pesan : 













Kode 2.8 form.html – Contoh pemakaian form di halaman web

Atribut-atribut diatas dapat dijelaskan sbb :

Atribut Fungsi

METHOD Metode pengiriman data ke file tujuan. Ada 2 yaitu POST dan GET

Webmaster Using PHP     21



ACTION Aksi yang akan dilakukan jika user menekan tombol Submit

NAME Memberikan nama tiap input

VALUE Memberikan nilai suatu input

TYPE Tipe form yang akan kita gunakan.

Tabel 2.3 Atribut Umum pada FORM

2.9.1 

Elemen    digunakan untuk menampung masukan dari pengunjung.  Bentuk masukan

dapat diubah-ubah sesuai kebutuhan dengan atribut TYPE. Berikut ini adalah nilai-nilai yang mungkin

untuk atribut TYPE elemen :

TYPE Keterangan

TEXT Kotak teks biasa

PASSWORD Kotak password (teks ditampilkan sebagai ‘*’)

CHECKBOX Checkbox (dapat memilih lebih dari satu pilihan)

RADIO Radio (hanya dapat memilih salah satu pilihan)

IMAGE Tombol berupa gambar

BUTTON Tombol

SUBMIT Tombol untuk mengirimkan isi form

RESET Tombol untuk mengembalikan isian ke harga default

Tabel 2.4 Atribut TYPE elemen 

Elemen   umumnya memiliki atribut  NAME dan  VALUE.  Setelah  form dikirimkan pada web

server, NAME biasanya akan dijadikan nama variabel yang menampung nilai VALUE.

2.9.2  dan 

Elemen    memungkinkan pengguna memilih salah satu pilihan yang  disediakan.  Pilihan

ditampilkan menggunakan elemen .

2.9.3 <br />Elemen  <textarea>  digunakan untuk  menerima masukan yang  terdiri  dari  banyak  baris,  seperti
<br />komentar pada buku tamu. Tinggi dan lebar text area dapat ditentukan dari atribut ROWS dan COLS.
<br />2.10 Komentar
<br />Komentar dapat dituliskan di dalam dokumen HTML dengan cara:
<br /><!-- Ini adalah komentar -->
<br />
<br />By: denie
<br />NO Peserta : 0506025
<br /><div style="text-align: center;">Smk Wahidin
<br /></div></p>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
Diposting oleh
dante
</span>
<span class='post-timestamp'>
di
<a class='timestamp-link' href='http://girl-berby.blogspot.com/2008/09/2-mengenal-html.html' title='permanent link'>00.54</a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-backlinks post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-1205780727'>
<a href='https://www.blogger.com/post-edit.g?blogID=2530292771575522384&postID=4991209595035977595&from=pencil' title='Edit Entri'>
<span class='quick-edit-icon'> </span>
</a>
</span>
</span>
</p>
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</p>
<p class='post-footer-line post-footer-line-3'></p>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>
0
komentar:
        
</h4>
<dl id='comments-block'>
</dl>
<p class='comment-footer'>
<a href='https://www.blogger.com/comment/fullpage/post/2530292771575522384/4991209595035977595' onclick=''>Posting Komentar</a>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://girl-berby.blogspot.com/2008/09/1-mengenal-bhasa-html.html' id='Blog1_blog-pager-newer-link' title='Posting Lebih Baru'>Posting Lebih Baru</a>
</span>
<a class='home-link' href='http://girl-berby.blogspot.com/'>Beranda</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Langganan:
<a class='feed-link' href='http://girl-berby.blogspot.com/feeds/4991209595035977595/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a>
</div>
</div>
</div></div>
</div>
<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget Profile' data-version='1' id='Profile1'>
<h2>About Me</h2>
<div class='widget-content'>
<a href='https://www.blogger.com/profile/13318855129814215578'><img alt='Foto saya' class='profile-img' height='80' src='//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7fcJqKpVEP34dBsujWomq7S-SsB0vQVkhNJPgxAIjyq4KdOiUsiDoVGJ9DJEGmNfKV1i047OpOp4WEgZtJ8YnRMWvc7CJbTkPsxgIyl7chFAsjuuoaq7iysdQpf6Vkw/s220/denie.jpg' width='60'/></a>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/13318855129814215578' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
dante
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/13318855129814215578' rel='author'>Lihat profil lengkapku</a>
<div class='clear'></div>
</div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//girl-berby.blogspot.com/2008/09/2-mengenal-html.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=YEARLY-1199174400000&toggleopen=MONTHLY-1220252400000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='http://girl-berby.blogspot.com/2008/'>2008</a>
            (<span class='post-count'>2</span>)
          
<ul>
<li class='archivedate expanded'>
<a class='toggle' href='//girl-berby.blogspot.com/2008/09/2-mengenal-html.html?widgetType=BlogArchive&widgetId=BlogArchive1&action=toggle&dir=close&toggle=MONTHLY-1220252400000&toggleopen=MONTHLY-1220252400000'>
<span class='zippy toggle-open'>▼ </span>
</a>
<a class='post-count-link' href='http://girl-berby.blogspot.com/2008/09/'>September</a>
            (<span class='post-count'>2</span>)
          
<ul class='posts'>
<li><a href='http://girl-berby.blogspot.com/2008/09/1-mengenal-bhasa-html.html'>1. Mengenal bhasa html</a></li>
<li><a href='http://girl-berby.blogspot.com/2008/09/2-mengenal-html.html'>2. Mengenal HTML</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML2'>
<h2 class='title'>MY banner</h2>
<div class='widget-content'>
<a href="http://cooltext.com"><img width="262" alt="Denie santana" src="http://images.cooltext.com/56144.gif" height="81"/></a>
<br/>Image by <a href="http://cooltext.com"> </a> - <a href="http://cooltext.com/Logo-Design?LogoID=139393051"></a>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML3'>
<h2 class='title'>download</h2>
<div class='widget-content'>
<a href="http://www.computeries.blogspot.com"><img src="http://dakwahsalaf.info/download/HELP-DESK.png"/></a><br/>
<a href="http://indonesiaweb.web.id/tutorialoffice"><img src="http://dakwahsalaf.info/download/OFFICE2007.png"/></a><br/><a href="http://indonesiaweb.web.id"><img src="http://dakwahsalaf.info/download/webdir.png"/></a>
</div>
<div class='clear'></div>
</div></div>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div>
<!-- end content-wrapper -->
<div id='footer-wrapper'>
<div class='footer no-items section' id='footer'></div>
</div>
</div></div>
<!-- end outer-wrapper -->

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2112189061-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5AHVic-FbsjayWo04yws7VSFmhJA:1756210601744';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2530292771575522384','//girl-berby.blogspot.com/2008/09/2-mengenal-html.html','2530292771575522384');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2530292771575522384', 'title': 'MENGENAL BAHASA HTML', 'url': 'http://girl-berby.blogspot.com/2008/09/2-mengenal-html.html', 'canonicalUrl': 'http://girl-berby.blogspot.com/2008/09/2-mengenal-html.html', 'homepageUrl': 'http://girl-berby.blogspot.com/', 'searchUrl': 'http://girl-berby.blogspot.com/search', 'canonicalHomepageUrl': 'http://girl-berby.blogspot.com/', 'blogspotFaviconUrl': 'http://girl-berby.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, '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\x22MENGENAL BAHASA HTML - Atom\x22 href\x3d\x22http://girl-berby.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22MENGENAL BAHASA HTML - RSS\x22 href\x3d\x22http://girl-berby.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MENGENAL BAHASA HTML - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2530292771575522384/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22MENGENAL BAHASA HTML - Atom\x22 href\x3d\x22http://girl-berby.blogspot.com/feeds/4991209595035977595/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/ae6695f28f74b4f8', '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': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', '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': '4991209595035977595', 'postImageUrl': 'pascal.gif', 'pageName': '2. Mengenal HTML', 'pageTitle': 'MENGENAL BAHASA HTML: 2. Mengenal HTML'}}, {'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}}, {'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': '2. Mengenal HTML', 'description': '2. Mengenal HTML\r HTML   (HyperText  Markup   Language)     adalah   \u201cbahasa\u201d   yang   digunakan   pada   untuk  membuat\r halaman web di int...', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sGDTMiBFzhU7Oh41mo1S2xoLLzkQBbKo5mV3Qb2b80zbU6DjeZQJbzkX1Vx2B8DPrbKQ', 'url': 'http://girl-berby.blogspot.com/2008/09/2-mengenal-html.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4991209595035977595}}]);
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/497930099-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'sidebar', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Memuat\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar', document.getElementById('HTML3'), {}, 'displayModeFull'));
</script>
</body>
</html>