KeyzeX – HTML singkatan dari Hyper Text Markup Language. Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang misalnya HTML Editor. Dokumen ini dikenal sebagai Web Page. Dokumen HTML merupakan dokumen yang disajikan dalam browser. Dokumen ini juga umumnya berisi informasi atau pun interface aplikasi di dalam Internet. Berikut adalah Pengenalan Dasar HTML.
Ada berbagai cara untuk membuat sebuah Web Page HTML , Contohnya dengan menggunakan HTML ediotor atau dengan editor teks biasa ( Notepad / Notepad +++ ). Untuk latihan atau mencoba beberapa materi pada tulisan ini sebaiknya menggunakan notepad. Setelah itu , pada bagian akhir sebelum tag </html> dapat menggunakan editor HTML , hal ini dimaksudkan agar agan dapat memahami dan terbiasa membuat dokumen web.
Untuk menanamkan Dokumen HTML atau menyimpan File ber type .html adalah sebagai berikut :
- Pilih suatu nama , sembarang nama yang ingin digunakan , kemudian tambahkan ekstensi “.html” ( Tanda kutip tidak perlu dituliskan )
Catatan : Ekstensi dikumen HTML yang menggunakan 3 karakter awalnya adalah untuk mengakomodasi sistem penanaman yang beberapa sistem di operasi bersifat Case Sensitive. Nama dokumen yang sama tetapi dituliskan dengan nama file yang berbeda akan dianggap sebagai dokumen yang berbeda, misalkan Keyze.html akan berbeda dengan KEYZE.html. Kasus Case Sensitive akan di jumpai pada dokumen web yang dihosting di dalam sebuah server yang berbasis *nix
Pada Pengenalan Dasar HTML ada beberapa elemen yang tidak mengharuskan tagnya dituliskan kelompok atau berpasangan, elemen elemen tersebut di antaranya adalah :
- paragraf dengan tag <p>
- ganti baris – line break dengan menggunakan tag <br>
- garis datar – horizontal dengan menggunakan tag <hr>
- list item dengan tag <li>
Tetapi untuk persiapan pada standar penulisan tag , direkomendasikan untuk menuliskan tag dengan huruf kecil semua. Tag Mark up ini digunakan sebenarnya untuk memberi tahu browser web bagaimana memperlakukan atau menampilkan ( memformat ) halaman dokumen tersebut dalam sebuah browser.
<html>
<head>
.... // Informasi mengenai dokumen HTML yang akan di kelola
</head>
<body>
.... // Informasi yang ditampilkan dalam browser web
</body>
</html>
Setiap dokumen html langkah pertama adalah dokumen html harus diawali dengan menuliskan tag <html> dan tag </html> di akhir dokumen. Tag ini menandai elemen html, yang berarti bahwa dokumen ini adalah dokumen HTML.
Dalam satu dokumen hanya ada satu elemen html. Section atau elemen head ditandai dengan menggunakan tag <head> dan diakhiri dengan menggunakan tag </head>. Section ini berisi informasi tentang dokumen htmlnya.
Minimal ada beberapa informasi yang dituliskan dalam elemen atau tag ini ini adalah judul dari dokumen , judul ini akan ditampilkan pada caption bar dari browser , ditandai dengan tag <title> dan diakhiri dengan </title>.
Section atau elemen bodary ditandai dengan tab <body> dan di akhiri dengan tag </body>. Section body merupakan elemen terbesar di dalam dokumen HTML. Elemen body ini berisi tentang dokumen yang akan di tampulkan pada browser , meliputi paragraf, grafik , link , table , dan lain lain.
Berikut adalah contoh sederhana Pemrograman Web HTML.
<!--latihankeyz.html->
<html>
<head>
<title> Judul Halaman </title> // Untuk memasukan Judul pada Caption Browser
</head>
<body>
Selamat datang di KeyzeX. Ini adalah contoh dan homepage pertamaku.
<br>
<b>visit terus KeyzeX untuk tutorial lainnya</b>
</br>
</body>
</html>
Penjelasan :
Tag pertama pada dokumen html adalah <html>.
Tag ini memberi tahu bahwa tag ini adalah awal dari dokumen HTML. Tag terakhir pada dokumen adalah </html>.
Tag ini memberi tahu browser agan bahwa ini adalah akhir dari dokumen HTML.
Teks antara <head> dan </head> adalah informasi header. Informasi yang di tampilkan dengan tag header tidak ditampilkan pada window browser.
Hanya teks yang berada diantara tag <body> dan </body> yang akan ditampilkan pada browser agan. Teks diantara tag <title> dan </title> adalah judul dokumen agan. Judul ditampilkan pada windows caption.
Terima kasih telah membaca artikel Pengenalan Dasar HTML. Silahkan gunakan kolom komentar dengan bijak.