Minggu, 27 Maret 2011

Dasar HTML

Pengertian Internet
Kesimpulan dasar yang dapat diambil dari beberapa definisi yang menggambarkan internet secara umum, yaitu internet (Taryana Suryana dan Ahmad Amarullah, 2004) adalah sebuah jaringan komputer yang terdiri dari berbagai macam ukuran jaringan komputer diseluruh dunia mulai dari sebuah PC (Personnal Computer), jaringan-jaringan lokal berskala kecil, jaringan-jaringan kelas menengah hingga jaringan-jaringan utama yang menjadi tulang punggung internet.

Sejarah HTML
Awal tahun 80-an, ketika IBM masih menjadi penentu standar utama dunia komputer dan sistem informasi, IBM memiliki suatu ide yang cenderung tersebut berdasarkan pada pengetahuan bahwa setiap dokumen mempunyai ciri-ciri umum, seperti judul, alamat, isi dan elemen-elemen lain yang sangat mirip dari satu dokumen ke dokumen lainnya.

IBM memikirkan pembuatan suatu sistem dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. Dengan cara ini, penampilan dan pencetakkan dokumen tidak akan banyak bergantung pada jenis hardware tertentu, sekalipun sistem seperti ini memerlukan software untuk menampilkan atau mencetak dokumen-dokumen tersebut. Kemudian IBM mengembangkan suatu jenis bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menambahkan sistem ini dengan Markup Language, dan menamakan sistem ini dengan Generalizes Markup Language (GML).

Pada tahun 1986, ISO (International Standart Organization) menyatakan bahwa markup language sebagai standar untuk pembuatan dokumen-dokumen dan memberinya nama SGML (Standart Generalized Markup Language), akhirnya dikenal dengan nama HTML (Hypertext Markup Language).



Pengertian HTML
Hypertext Markup Language adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari suatu platform ke platform lainnya tanpa melakukan suatu perubahan apapun. Dokumen HTML sebenarnya adalah suatu dokumen teks biasa, sehingga di platform apapun dokumen tersebut dapat dibaca.

Dokumen HTML disebut Markup Language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen, misalnya menentukan dimana suatu gambar harus muncul dan jenis pemformatan apa yang berlaku pada kumpulan suatu teks tertentu, bahkan dapat juga membuat tabel, form ataupun dengan bingkai-bingkai didalamnya dengan menggunakan tanda-tanda HTML.

Hypertext Markup Language adalah bahasa World Wide Web yang dipergunakan untuk menyusun dan membentuk dokumen agar dapat ditampilkan pada program browser. Pada HTML dipergunakan hypertext link atau hubungan teks dan dokumen lain. Dengan demikian pengguna dokumen bisa melompat dari satu dokumen ke dokumen yang lain dengan mudah.
  •   Program Editor HTML
Pada dasarnya, untuk membuat dokumen HTML ada dua cara, yaitu :
a.    Menggunakan editor text yang ada (bawaan Windows), seperti Notepad.
b.    Menggunakan software bantu, seperti Ultra Edit, Ms. Front Page, dll.
  •     Sumber Daya
Sumber daya yang harus disiapkan untuk mempelajari HTML adalah :
a.    Komputer dengan sistem operasi Windows.
b.    Program Notepad pada Windows (bisa ditemukan pada start/program/accessories/notepad).
c.    Program browser pada Windows, seperti Internet Explorer atau Netscape Navigator.
  •  Struktur Dasar Bahasa HTML
Seperti dokumen umumnya, dokumen HTML terdiri dari teks-teks dan bahkan lebih dari itu. Dokumen HTML juga dapat mengandung gambar, suara ataupun video. Satu hal yang membedakan dokumen HTML dengan dokumen-dokumen lain, yaitu adanya elemen-elemen HTML beserta tag-tagnya. Elemen dan tag HTML berfungsi untuk memformat atau menandai suatu bagian tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen HTML. Elemen dan tag inilah yang merupakan ciri dari suatu dokumen. Adapun struktur dasar bahasa HTML adalah sebagai berikut :

<html>                    -------------- >> memulai HTML
<head>                    -------------- >> memulai judul
           <title>................</title>        -------------- >> isi judul
</head>                    -------------- >> mengakhiri judul
           <body>...............</body>        -------------- >> memulai isi dokumen HTML
</html>                    -------------- >> mengakhiri HTML
  •  Bagian head berisi informasi mengenai dokumen tersebut, misalnya judul dokumen, menjembatani hubungan antar dokumen, memberitahu browser untuk membuat form pencarian.
  •  <title>...</title>, tag ini digunakan untuk menampilkan judul dokumen, dan biasanya akan ditampilkan di title bar browser atau dibagian atas dokumen.
  •  Bagian body berisi layout atau desain halaman web. Semua teks atau gambar yang diketikkan diantara tag <body>...</body> akan ditampilkan oleh browser di jendela utamanya.
  •  Konsep Dasar Elemen
Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen <head> yang memberikan informasi tentang dokumen tersebut, seperti judul dokumen atau hubungannya dengan dokumen lain, serta elemen-elemen <body> yang menentukan bagaimana isi suatu dikumen ditampilkan oleh browser, seperti paragraf, list, tabel, dll.


  •  Konsep Dasar Tag
Pada waktu browser menampilkan suatu web page, browser akan membaca teks-teks pada dokumen HTML dan mencari suatu kode yang khusus yang disebut tag. Tag ini dinyatakan dengan tanda lebih kecil (<). Tag biasanya merupakan suatu pasangan yang disebut tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk <nama tag>, sedangkan tag akhir dinyatakan dalam bentuk </nama tag>.

2 komentar:

  1. Terimakasih Banyak karena blog anda saya jadi bisa mengerti apa itu HTML

    BalasHapus
  2. selamat sore maaf saya gangu: saia minta teoria Html bisa tolog

    BalasHapus