Pendahuluan
Assalamualaikum
Wr.Wb.
Kembali lagi di blog
sederhana saya, kali ini saya akan sharing tentang struktur dasar
dari html. Gak usah lama-lama, jika kalian ingin mengetahuinya
silahkan di baca penjelasan berikut.
Latar brlakang
Membagikan
pengetahun tentnag struktur dasar html, kepada teman-teman pembaca.
Maksud dan tujuan
Dapat mengetahui
struktur dasar dari html.
Penjelasan
Struktur dasar dokumen HTML adalah sebagai berikut :
<html><head><title>Disini Judul Dokumen HTML</title></head><body>Disini penulisan informasi Web</body></html>
Dari struktur dasar
HTML di atas dapat dijelaskan sebagai berikut:
- Tag
Adalah teks khusus
(markup) berupa dua karakter "<" dan ">",
sebagai contoh <body> adalah tag dengan nama body. Secara umum
tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag
penutup (ditambahkan karakter "/" setelah karakter "<"),
sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML,
dan </body> ini adalah tag penutup isi dokumen HTML.
- Element
Element terdiri atas
tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh
untuk menampilkan judul dokumen HTML pada web browser digunakan
element title, dimana:
ini adalah tag
penutup judul dokumen HTML
Tag-tag yang ditulis
secara berpasangan pada suatu element HTML, tidak boleh saling
tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan
tag-tag yang benar
<p>
<b>
................
</b>
</p>
Contoh penulisan
tag-tag yang salah
<p>
<b>
................
</p>
</b>
- Attribute
Attribute
mendefinisikan property dari suatu element HTML, yang terdiri atas
nama dan nilai. Penulisannya adalah sebagai berikut:
<TAG>
nama-attr="nilai-attr"
nama-attr="nilai-attr"
.................
>
.................
</TAG>
Secara umum nilai
attribute harus berada dalam tanda petik satu atau dua. Sebagai
contoh, untuk membuat warna teks menjadi kuning dan latarbelakang
halaman web menjadi hitam, penulisannya adalah
- Element HTML
Menyatakan pada
browser bahwa dokumen Web yang digunakan adalah HTML.
Sintaks:
<html>
..........
</html>
- Element HEAD
Merupakan kepala
dari dokumen HTML.
Sintaks:
<head>
...........
</head>
- Element TITLE
Merupakan judul dari
dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title>
dan tag </title> terletak di antara tag <head> dan tag
</head>.
Sintaks:
<title>
.........
</title>
- Element BODY
Element ini untuk
menampilkan isi dokumen HTML. Tag <body> dan tag </body>
terletak di bawah tag <head> dan tag </head>. Element
BODY mempunyai attribute-attribute yang menspesifikasikan khususnya
warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Sintaks:
<body text="v"
bgcolor="w" background="uri" link="x"
alink="y" vlink="z">
..............
</body>
Attribute text
memberikan warna pada teks, bgcolor memberikan warna pada latar
belakang dokumen HTML, background memberikan latar belakang dokumen
HTML dalam bentuk gambar, link memberikan nilai warna untuk link,
alink memberikan warna untuk link yang sedang aktif, vlink memberikan
warna untuk link yang telah dikunjungi. Jika attribute bgcolor dan
background keduanya dispesifikasikan maka attribute background yang
akan digunakan, akan tetapi jika nilai attribute background (gambar)
tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan
digunakan.
Kelebihan dan
Kekurangan HTML
- Kelebihannya :
Merupakan bahasa
pengkodean yang lintas platform (cross platform), maksudnya HTML
dapat digunakan pada berbagai jenis mesin komputer yang berbeda dan
berbagai macam sistem operasi yang berbeda.
Dapat disisipi
gambar baik gambar statis atau dinamis (animasi) termasuk menggunakan
gambar untuk dijadikan hyperlink. Gambar disini digunakan untuk
merujuk pada suatu halaman web, dimana setiap titik-titik yang sudah
didefinisikan berupa rectangular (kotak), poligon (kurva tak
beraturan) atau lingkaran digunakan untuk ‘jump’ ke halaman lain,
atau link ke halaman di luar web yang bersangkutan.
Dapat disisipi
animasi berupa Java Applet atau file-file animasi dari Macromedia
Flash atau Macromedia Shockwave (untuk keperluan ini, browser harus
memiliki plug-in khusus untuk menjalankan file-file animasi ini).
Dapat disisipi
bahasa pemrograman untuk mempercantik halaman web seperti Javascript,
Vbscript, Active Server Pages, Perl, Tcl, PHP, dan sebagainya.
Bukan merupakan
bahasa pemrograman jadi tidak memerlukan kompiler. Cara
menjalankannya cukup dengan menggunakan browser.
- Kekurangannya :
Menghasilkan halaman
yang statis, untuk memperoleh halaman yang dinamis harus menggunakan
bahasa pemrograman tertentu seperti Javascript atau Vbscript dan
animasi seperti Flash atau Shockwave.
Memiliki tag-tag
yang begitu banyak sehingga susah dipelajari untuk yang masih awam.
Tidak dapat
menghasilkan halaman yang interaktif. Interaktif disini maksudnya
client dapat berinteraksi dengan server. Untuk keperluan itu HTML
harus disisipi bahasa pemrograman yang dapat menangani hal tersebut,
contohnya Perl dan Tcl.
Kesimpulan
HTML adalah suatu
bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan
kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut
dapat ditampilkan secara benar.
Penutup
Sekian yang bisa
saya share kali ini, semoga artikel kali ini dapat berguna bagi
teman-teman. Jika ada kesalahan dalam penulisan mohon dimaafkan.
Wassalamualaikum
Wr.Wb.
Referensi
0 komentar:
Posting Komentar