Pengenalan html.
ke bawahHTML.
HTML ( Hypertext Markup Language ) adalah bahasa penandaan standar untuk membuat suatu dokumen html. Dokument html ini tersusun secara terpadu dari kode-kode singkat tertenu yang nantinya dapat diterjemahkan oleh browser, sehingga dengan perintah dari kode-kode tsb, browser akan menampilkannya pada halaman web yang dapat dibaca (berupa text biasa), dilihat (file gambr dan video),didengar (file suara) maupun berupa kontent lainnya. Dengan html, teks ASCII ( file *.txt ) di mark-up atau dipoles menggunakan kode-kode tertentu (yang disebut tag ) menjadi sebuah dokumen html ( file *.htm atau *.html )
Standar dari html mengacu pada standar yang dibuat oleh W3C , sebuah konsorsium yang menangani masalah tentang html. Dimana dalam setiap penyusunan dokumen harus mengacu pada standar yang direkomendasikan oleh konsorsium tersebut.
Dalam perkembangannya, standar penulisan dokumen html kini sudah berada pada html versi 5.0, tentu saja dalam membuat dokumen html, kita harus mengacu dan beradaptasi dengan versi yang baru tsb. Jika tidak maka dikhawatirkan dokumen tsb tidak dapat tampil pada browser, karena browser-brows juga terus berkembang.
Notepad :
Dalam belajar menulis dokumen html sebaiknya langsung dipraktekkan dengan mengetikkan, meng-copy paste text-text html sehingga menjadi terbiasa dan hafal tentang kode-kode html. Untuk belajar menulis html kita menggunakan text editor yang sederhana dan mudah dalam penggunaannya yaitu Notepad .
Bukalah program Notepad anda dengan meng-klik : Start > Programes > Accessories lalu Notepad . Kemudian mulailah mengetikkan karakter demi karakter sehingga terbentuk suatu dokumen html.
Pengenalan kode html :
Sekarang mulailah dengan mengetikkan seperti yang terlihat dibawah ini.< html >
</html>
Cobalah anda perhatikan dua baris tulisan aneh diatas. Tiap baris tulisan diatas disebut Tag . Tiap tag diapit oleh dua tanda kurung siku ( < dan > ) dan diantara keduanya ditulis nama dari tag tersebut yang disebut Elemen. Sebuah elemen umumnya terdiri dari tag pembuka dan tag penutup. Pada contoh diatas pada baris pertama <html> disebut Tag pembuka dan pada baris kedua </html> disebut Tag penutup ( yang ditandai dengan tanda slash atau garis miring sebelum nama tag nya )
Sekarang cobalah tambahkan pada contoh kode-kode diatas sehingga menjadi seperti ini :
<html>
<head>
<title> latihan1 </title>
</head>
<body>
<h1> ini judul pertama saya </h1>
<p> dan ini paragraf pertamanya </p>
</body>
</html>
Contoh html di atas merupakan Struktur dasar dari struktur penulisan html, dan dapat dijelaskan sebagai berikut :
Tag <html> dan </html> terlihat diletakan diawal dan diakhir seluruh isi dokumen html. Tag ini mendeskripsikan dan memberitahukan bahwa isi yang ada didalamnya adalah dokumen html. Tanpa kedua tag ini maka browser tidak akan menampilan apa-apa.
Tag <head> dan </head> berfungsi menempatkan title dari halaman yang diletakkan diantara tag <title> dan </title>. Tulisan title ini tidak menyatu dengan halaman web, tapi akan terlihat dibagian paling atas halaman browser dan memberitahukan inilah nama dari halaman web.
Isi dokumen yang tampil pada halaman web sesungguhnya berada diantara tag <body> dan </body>. Didalam tag inilah kita menempatkan isi dari halaman yang ingin ditampilkan, bisa berupa artikel atau teks biasa, gambar, animasi dan lain-lain.
Selanjutnya simpanlah file html diatas: klik menu file lalu save as . Pada kotak dialog yang muncul klik anak panah kecil di ujung kanan kotak save as type > pilih all file (*.*) . Setelah itu isilah File name dengan nama file yang diinginkan, misalnya : latihan1.htm. Jangan lupa menambahkan .htm dibelakang nama file tsb. Kemudian klik tombol save .
Kini file tersebut tersimpan sebagai Dokumen html.
Tutuplah program notepad, lalu buka program Browser .
Klik Menu > File lalu klik Open . Pada kotak Dialog, klik tombol Browse. Cari dan pilih file latihan1.htm yang tadi disimpan lalu klik Open . Maka muncullah dihalaman web anda tulisan :
ini judul pertama sayadan ini paragraf pertamanya |
Begitulah cara kerja html, penggunaan Notepad dan bagaimana Browser menampilkan Dokumen html pada halaman web.
Back To Top
Next :
Tag Dasar
Tidak ada komentar:
Posting Komentar