Skip to main content

Pengenalan Dasar HTML

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 :


  1. 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

Dokumen HTML disusun oleh elemen-elemen. "Elemen" merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML.  Contoh elemen html adalah : head , body , table , paragraf , dan list. Elemen dapat berupa teks murni atau bukan teks bahkan keduanya.

Untuk menandai berbagai elemen dalam suatu dokumen HTML ,kita menggunakan tag. Tag html terdiri atas sebuah kurung lancip ke kiri " < " Tanda lebih kecil  , sebuah nama tag , dan kurung lancip kanan " > " Tanda lebih besar. Tag yang memiliki pasangan selalu diawali dengan menggunakan garis miring " / ". Tag yang awal menunjukan tag awal yang berarti awal dari elemen , dan yang kedua meupakan tag akhir, berarti akhir dari elemen tersebut. Nama elemen di tunjukkan dengan nama tagnya. Suatu elemen dalam sebuah  dokumen HTML harus menggunakan tanda dengan penulisan tag yang berpasangan.

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>
Secara umum suatu elemen dalam dokumen HTML yang menyatakan dengan tagnya , dituliskan
<namatag> ....... </namatag>
Daftar tag secara lengkap dilihat pada bagian lampiran atau isi dalam sebuah dokumen HTML.

Catatan : 
     Untuk tag atau elemen yang tidak mengharuskan pasangannya ( tag akhirnya ) dituliskan sebaiknya dituliskan juga olen pemrogram web , untuk mendisiplinkan. Dampak ke depan adalah untuk mengantisipasi standar rekomendasi HTML generasi mendatang. Misalnya , pada saat kita menuyusun paragraf dengan tag <p> selalu diakhiri dengan </p>.

Penulisan menggunakan tag bebas , dapat menggunakan huruf besar ataupun huruf kecil , ataupun campura ( tidak case sensitive ). 

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.


Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag <html> , <head> , dan <body> berikut menggunakan tag pasangannya. Setiap dokumen terdiri atas tag head dan body. Elemen head berisi informasi mengenai dokumen tersebut , dan elemen body yang berisi teks yang sebenarnya yang tersusun dari link, grafik , paragraf , dan elemen-eleman lainnya.
Secara umum atau public dokumen web dibagi menjadi dua section atau bagian , yaitu section head dan section body. Sehingga setiap dokumen html harus mempunyai pola dasar sebagai berikut :
<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.

SEMOGA BERMANFAAT
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar