Ayo Mempercantik Blogmu...

Cara mempercantik blog dengan widget-gadget blogspot, blogger ini akan membuat tampilan blog sobat akan lebih indah. Dan menambahkan widget-gadget ke dalam sidebar, post, header maupun footer ini sangat mudah sekali walaupun anda masih baru dalam dunia web/blog. Di sinipun Terdapat banyak sekali pilihan untuk tampilan gadget di blogspot, karena sudah disediakan oleh blogger secara gratis, dan kita sebagai pengguna tinggal memakainya saja. namun ada juga yang dapat kita buat sendiri. Misalnya jika kita ingin membuat gadget blog dari javascript-html atau menampilkan film, musik, Video dari Youtube yang embedded dan lain-lain.

Mempercantik Blog di Blogger

1. Tentu saja anda harus login ke www.blogger.com. Setelah berhasil masuk di Dasbor lalu silahkan Klik "TATA LETAK"

2. Setelah itu akan muncul gambar seperti di bawah, dan disini anda bisa pilih mau diletakkan dimana gadgetnya dengan klik "Tambahkan Gadget"

3. Kemudian anda tinggal pilih Gadget yang sesuai dengan theme blog atau selera anda, disini ada banyak widget/gadget yang jumlahnya puluhan bahkan ratusan gadget gratis.

4. Begitu anda sudah memilih gadget yang sesuai dengan selera anda, langkah selanjutnya adalah menyimpannya yaitu dengan cara menekan tombol "SIMPAN"

Cara Memasang Backsound Musik Di Blog
Gimana sob tertarik untuk dapat membuatnya? yang mana pada blog kita akan ada backsound musik untuk mengiringi aktivitas kita di internet yang play secara otomatis dan widgetnya tersembunyi. Baiklah langsung saja kepada turitorialnya di bawah ini:

Cara Memasang Backsound Musik Di Blog
1. Log in di blogger dengan id anda untuk masuk ke akun dan mengedit blog anda.
2. Klik Tata Letak / Layout
3. Tambahkan gadget dengan mengklik Add a Gadget
4. Pada menu yang tersedia, pilih atau klik HTML/Javascript
5. Selanjutnya masukkan kode berikut di bawah ini dengan cara copy dan paste pada kotak from HTML tersebut.
 <embed src="http://divine-music.info/musicfiles/01%2001%20Terapi%20Energi.swf" autostart=true loop=true width=0 height=0 align="CENTER"></embed>


Note :
Ganti kode yang berwarna biru dengan kode musik yang akan anda pasang . .
Ingat harus berdomain ( .swf ) agar kode HTML dapat bekerja . .

Untuk Musik.swf nya sendiri sobat dapat cari koleksinya di :
http://divine-music.info/

Contoh :
www.syakurno1.blogspot.com

Cara Membuat Blog di Blogger

Syarat utama sebelum Anda membuat blog di blogger adalah memiliki alamat email yang masih aktif, jika Anda belum membuat email, silahkan baca tutorialnya di cara membuat email di gmail atau membuat email di yahoo. Sekarang saya asumsikan bahwa Anda sudah memiliki alamat emai di gmail, untuk itu kita langsung saja untuk membuat blog.

1. Silahkan Anda kunjungi http://blogger.com/

2. Kemudian lihat di kanan bawah, rubah bahasa menjadi bahasa indonesia agar lebih mudah

3. Masuk/login menggunakan username/nama pengguna serta password gmail anda ( akun email anda bisa juga untuk login ke blogger).

4. Isilah formulir data Anda yang terlampir seperti:

Nama tampilan : isi dengan nama yang akan ditampilkan pada profile blog anda.
Jenis Kelamin : pilih jenis kelamin Anda, misalnya: Pria.
Penerimaan Persyaratan : Ceklis sebagai tanda anda setuju dengan peraturan yang telah di tetapkan oleh pihak blogger. Sebaiknya baca terlebihdahulu persyaratan dan ketentuan yang diberikan pihak blogger agar Anda mengerti.

5. Klik tanda panah bertuliskan “Lanjutkan”. Kemudian klik "Blog Baru"

6. Selanjutnya isi formulir data blog Anda pada form yang disediakan seperti:

Judul : Isi dengan judul blog yang Anda inginkan, misal : Panduan dan Tutorial Blogger
Alamat : isi dengan alamat blog yang di inginkan.
Template : pilih template (tampilan blog) yang Anda disukai
7. Lanjutkan dengan klik tombol “Buat blog!”.

8. Sampai tahap ini blog Anda sudah selesai dibuat, namun untuk menghindari anggapan spam oleh google sebaiknya anda mulai membuat artikel, minimal 1 postingan. Untuk membuat postingan/artikel ikuti tutorial blog berikut ini.

9. Klik tulisan "Mulai memposkan

10. Isi judul dan artikel yang ingin Anda postkan di blog

11. Setelah tulisan Anda selesai lalu klik "pratinjau" untuk melihat hasil sementara, jika sudah sesuai maka klik "publikasikan"

12. Selesai dan saya ucapkan "Selamat" publikasikan juga bog baru Anda pada sahabat atau orang terdekat Anda bahwa sekarang anda sudah memiliki blog.

Demikian yang dapat saya sampaikan mengenai tutorial cara membuat blog gratis di blogger, semoga bermanfaat.

Cara Mengganti Kursor Blog

Mengganti Kursor Blog dan berbagai aneka kursos dengan gambar Animasi Keren.bisa dilakukan dengan gambar sendiri dan karya penampilan sendiri, jika merasa punya tingkat daya seni yang menarik, lebih baik untuk membuat icon cursor sendiri.

Oke langsug saja,, hehe

- Masuk Ke Blogger - Pilih Template - Edit HTML

- Dan Cari Code </head>

- Pilih kursor sesuai keinginanmu dibawah ini dan Paste code-nya tepart diatas code </head>

Cursor 1

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/horse-ani1.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 2

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Heart.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

 Cursor 3

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Halloween_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 4

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Fly_2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 5

 <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/aliendance.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 6

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/apple-tmani.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 7

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bounce.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 8

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/tail2.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 9

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/bluemultiglit.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a> 

Cursor 10

<style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/Arrow_02.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji0kiXOAC7MfGiSNfNTgZLp-UGvYzAK22FsRHhnO_mPtbFPWw4e8K_yaK1OUX_kyPUgMdmrK5vlco6H0FAWCnSGZLoA1OshW7v2Vl09yfTV0ei26Epx6kCPrlR1dRbYauYr2oywYJgmA/s1600/www.justnaira.com.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 11

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.ani), url(http://cur.cursors-4u.net/cursors/cur-11/cur1058.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/03/03/blue-fire-pointer.html" target="_blank" title="Blue Fire Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Blue Fire Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 12

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur949.ani), url(http://cur.cursors-4u.net/cursors/cur-10/cur949.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/26/batman-begins-help-select.html" target="_blank" title="Batman Begins - Help Select"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Batman Begins - Help Select" style="position:absolute; top: 0px; right: 0px;" /></a>

Cursor 13

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-3/cur201.ani), url(http://cur.cursors-4u.net/cursors/cur-3/cur201.png), progress;}</style><a href="http://www.cursors-4u.com/cursor/2009/04/22/shiny-flashy-green-matrix.html" target="_blank" title="Shiny Flashy Green Matrix"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Shiny Flashy Green Matrix" style="position:absolute; top: 0px; right: 0px;" /></a>

Domain

Nama domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai alamat IP. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya "wikipedia.org". Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website.
Pada awalnya nama domain hanya dapat dituliskan dengan ke-26 abjad Latin, namun saat ini telah dimungkinkan untuk menggunakan abjad asing dengan Internasionalisasi nama domain.
Sistem nama domain (DNS) adalah aturan yang dipakai dalam sistem penamaan dari nama domain ini.

Level Domain

Top Level Domain adalah deretan kata dibelakang nama domain seperti

.com (dotcommercial)

.net (dotnetwork)

.org(dotorganization)

.edu(doteducation)

.gov(dotgoverment)

.mil(dotmilitary)

.info (dotinfo)

dll

Ada dua macam Top Level Domain, yaitu Global Top Level Domain (gTLD) dan Country Code Top Level Domain (ccTLD). gTLD adalah seperti yang pada di list diatas dan ccTLD adalah TLD yang diperuntukkan untuk masing-masing negara, seperti Indonesia dengan kode ID (co.id, net.id, or.id) atau Singapura dengan kode SG (com.sg, net.sg, dsb).

Second Level Domain (SLD) adalah nama domain yang anda daftarkan. Misalnya nama domain yang anda daftarkan adalah domainku.com, maka domainku adalah SLD dan .comnya adalah TLD.

Third Level Domain adalah nama setelah Second Level Domain . Misalnya nama domain yang anda miliki adalah domainku.com, maka anda dapat menambahkan nama lain sebelum domainku, yaitu mail.domainku.com atau estrex.domainku.com. 

layanan yang menjual third level domain salah satunya adalah enom dengan : .us.com, .br.com, .cn.com, dll. 

sementara yang memberikan secara cuma cuma adalah www.freedomain.co.nr memberikan .co.nr secara gratis dan www.co.cc yang memberikan .co.cc secara gratis.

Web Hosting

Web Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet yang memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya di web / situs Internet. Tempat dapat juga diartikan sebagai tempat penyimpanan data berupa megabytes (mb) hingga terabytes (tb) yang memiliki koneksi ke internet sehingga data tersebut dapat direquest atau diakses oleh user dari semua tempat secara simultan. Inilah yang menyebabkan sebuah website dapat diakses bersamaan dalam satu waktu oleh multi user.
Pada dasarnya sebuah server webhosting menggunakan adalah sebuah komputer biasa namun menggunakan beberapa komponen dan program dasar sebuah server serta disarankan harus mampu untuk online 24 jam setiap hari dan tanpa harus dimatikan dalam jangka waktu lebih lama daripada komputer biasa.[1]
Siapa saja yang membutuhkan Web Hosting :

Seperti telah dijelaskan di atas, setiap orang ataupun perusahaan dapat menyewa tempat atau memanfaatkan jasa web hosting ini, didukung dengan kemajuan teknologi informasi yang ada saat ini maka pemanfaatan jasa web hosting merupakan sarana alternatif yang handal untuk: Promosi, Menyebarkan Informasi, Berjualan, Layanan Publik sampai dengan sekedar tempat untuk menumpahkan isi hati yang kelabu ke dalam buku harian berbasis web (blog: web log) akibat ditinggal kekasih.
Mengapa Perlu Web Hosting :
Kecepatan menyebarkan informasi tentang Jasa, Produk, Layanan Publik dan lainnya merupakan salah satu tolok ukur keberhasilan bisnis perorangan atau perusahaan,
Contoh Pertama : di Indonesia dengan sekitar 100 juta pengguna telepon genggam yang tentu saja dapat tersambung ke internet melalui gprs, tidak ada alasan lagi untuk tidak tersambung ke dunia maya, bahkan di daerah terpencil sekalipun.
Contoh kedua: Seorang mahasiswa kedokteran, dengan dana yang terbatas, untuk mengantisipasi membeli buku kuliah kedokteran yang harganya bisa mencapai jutaan rupiah, dapat dengan mudah memperoleh informasi ilmu pengetahuan dan teknologi melalui situs web, dan ini menjadi tanggung jawab penyelenggara pendidikan untuk menyediakan layanan web site guna memajukan pendidikan. Bahkan seorang dosen sebaiknya memiliki web site.
Singkatnya, bila anda telah membuat prototip disain yang dapat dibaca oleh internet browser seperti html, maka sudah waktunya anda menaruh disain itu di internet dengan mengupload disain anda ke perusahaan yang melayani penjualan hosting.
Kapan anda membutuhkan Situs Web :
Disaat anda ingin memasarkan produk atau jasa melewati batas kabupaten, propinsi, negara, samudra dan benua, disaat anda ingin orang lain memperoleh informasi yang benar mengenai hal-hal kemanusiaan, disaat anda ingin menyebarluaskan pengetahuan demi kesejahteraan sesama manusia, disaat anda ingin melakukan transaksi bisnis yang memudahkan pelangan anda menjangkaunya dari sebuah vila tempat peristirahatan dengan privasi yang tinggi, disaat itulah anda membutuhkan layanan web hosting.
Situs web adalah sebuah channel above the line yang termurah yang ada di pasar saat ini, kemampuan broadcast 24jam seminggu, tak terbatas pada aspek demografis, geografis, menjadikannya positif dalam rasio cost to benefit. Bila anda ingin ditemukan, dikenal, diapresiasi, mengiklankan diri/produk anda, berarti anda wajib memiliki situs web.
Dimana menyewa Web Hosting :
Ratusan bahkan ribuan penyelenggara jasa web hosting, ada dapat memulainya dengan mencari dari mesin pencari google atau yahoo, beberapa penyedia jasa layanan web hosting di indonesia.
Jangan ragu untuk bertanya, bandingkan fitur kunci seperti kapasitas ruang dan kapasitas bandwidth, jangan tergiur oleh promosi penyelenggara jasa web hosting yang bombastis.
Nama Perusahaan WebHosting Gratis dan Terkenal :
- detriple.com - nazuka.net - cloudbeast.net
Teknologi apa yang digunakan :
Salah satu teknologi yang digunakan adalah fail over hosting, teknologi ini memungkinkan layanan anda tetap online 24 jam karena dudukung oleh beberapa server komputer yang secara otomatis akan menggantikan tugas server komputer yang mengalami kerusakan
Bagaimana cara Mengelola Web Hosting :
Setelah anda memiliki / menggunakan jasa layanan web hosting, selanjutnya bagaimana mengelolanya, hal ini merupakan tantangan yang tidak murah, sebab informasi yang ada harus selalu ditambah dan diperbaharui. Sebuah Tips sederhana yaitu, lakukan persiapan pada posisi Off Line untuk menghemat. Selamat mencoba.
Bagaimana cara membuat server webhosting :
Beberapa software dasar yang harus dimiliki untuk membuat server hosting sendiri (recommended):
Operating System Server
- Linux, CentOS, FreeBSD, RedHat, Ubuntu (gratis)
- Windows 2003 Server, Windows 2008 Server (bayar)
NameServer – berfungsi untuk resolving IP ke Domain Name
- BIND 9 (gratis)
Web Server
- Apache (gratis) – berfungsi sebagai Web Server berbasis Linux
- IIS versi 4.0, atau IIS versi 5.0 (gratis) – berfungsi sebagai Web Servr berbasis Windows
PHP (gratis) – berfungsi untuk website yang menggunakan bahasa pemograman PHP
Databases – berfungsi sebagai pusat penyimpanan data pada server atau Server Data Center
- MySQL (gratis) – berfungsi sebagai Databases pada server berbasis Linux/Unix
- MSSQL (bayar) – berfungsi sebagai Database pada Operating System server berbasis Windows
PHPMyAdmin – berfungsi untuk memudahkan add, edit, dan delete table pada MySQL
FTP Server – berfungsi untuk memudahkan transfer data ke website menggunakan FTP.
- ProFTPD (gratis)
- Pure-FTPD (gratis)
- vsFTPD (gratis
Mail Server – berfungsi untuk mengelola email pada server.
- QMail (gratis)
- Postfix (gratis)
- Squirrelmail (gratis)
- RoundCube (gratis) jika ingin support WebMail

HyperText Markup Language

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

Perkembangan
Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.
Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi diluar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML saat ini
adalah HTML5.

Kegunaan

Mengintegerasikan gambar dengan tulisan.
Membuat Pranala.
Mengintegerasikan berkas suara dan rekaman gambar hidup.
Membuat form interaktif.
HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: < b> TAMPIL TEBAL</b>. Tanda < b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.[3]
Menyunting format tulisan
HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah:
Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
Menampilkan tulisan dalam bentuk cetakan tebal
Menampilkan sekelompok kata dalam bentuk miring
Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.
Markah/Tanda

Secara garis besar, terdapat 4 jenis elemen dari HTML:
Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, < h1> Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, < b> boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,
Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, < a href="http://www.wikipedia.org/"> Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),
Elemen widget yang membuat objek-objek lain seperti tombol (< button>), list (< li>), dan garis horizontal (< hr>). Konsep hypertext pada HTML memungkinkan pembuatan link pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web,
Ada tiga macam pranala (link) yang dapat digunakan:
Pranala menuju bagian lain dari page.
Pranala menuju page lain dalam satu web site.
Pranala menuju resource atau web site yang berbeda.
Selain markup presentasional, markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets.
Contoh dokumen HTML sederhana
<!DOCTYPE html>
<html>
 <head bgcolor=black text=white>
 <title>'''Selamat Datang''' HTML</title>
 </head>
 <body>
 <p>Halo dunia!</p>
 </body>
</html>
[5]
Head
Dokumen HTML diapit oleh tag < HEAD></HEAD>. Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Header juga memuat tag META yang biasanya dapat digunakan untuk menentukan informasi tertentu mengenai document HTML. Anda bisa menentukan author name, keywords, dan lainnya pada tag META.
Contoh:
<meta name="author" content="ubuntu-online">
Elemen Body
Bagian BODY, yang dinyatakan dengan tag < BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML dimana anda meletakan informasi yang akan ditampilkan pada browser.
Tag
HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>).
Tag biasanya merupakan suatu pasangan yang disebut dengan:
Tag awal, dinyatakan dalam bentuk <nama tag>
Tag akhir, dinyatakan dalam bentuk </nama tag>
Formatnya: <nama tag> teks yang ditampilkan </nama tag>.
Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML < i>Teks ini terlihat miring di browser Anda</i>
Atribut
Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya, <P ALIGN=”left”> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah ALIGN dengan nilai left. Nilai atribut ALIGN hanya bisa berupa center, left, right atau justify.