Belajar HTML Dasar - Materi 1
Untuk yang baru kenal dengan web design atau web programming, pastinya akan familiar dengan HTML. Ya, HTML atau Hyper Text Markup Language merupakan script yang digunakan untuk menyusun dokumen-dokumen yang ditampilkan di web.
Terminologi Dasarnya adalah sebagai berikut :
1. WWW = world wide web.
2. SGML = Standard Generalized Markup Language,
yaitu standard untuk mendefinisikan script markup.
3. DTD = Document Type Definition, yaitu spesifikasi
untuk script markup yang mengacu pada SGML.
4. HTML = Wujud nyata dari SGML dan DTD yang menggunakan
tag-tag markup untuk mendefinisikan elemen-elemen dalam dokumen-dokumen web.
Sekedar Info aja, HTML disusun oleh Tim Berners-Lee di CERN - European Laboratory for Particle Physics - di Jenewa dan risetnya dimulai pada 1989.
Gimana cara kerjanya...????.Nah, itu sudah tugas browser anda untuk membaca tag-tag di dokumen HTML dan mengeksekusinya sesuai kemauan tag-tag yang udah disusun didokumen HTML tersebut. Tag-tag dalam HTML umumnya diapit oleh tanda "< >" dan ditutup oleh tanda "</ >"
Oke langsung aja ke topik semula. Untuk pertama kali ini saya akan menyampaikan materi HTML dasarnya terlebih dahulu. Oh ya .... Sebelumnya saya ingin mengatakan bahwa saya disini hanya bermaksud untuk berbagi pengetahuan kepada pembaca, jadi jika terdapat kekurangan mohon perbaikannya bersama-sama.
Yang pertama adalah "TULANG PUNGGUNG Dokumen HTML"
Nah bukan makhluk vertebrata aja nih yang punya tulang punggung, HTML juga punya.
Tulang punggung disini maksudnya pokok dasar dari sebuah dokumen html (walaupun kadang2 banyak yang tidak menggunakannya-karena tanpa ini, browser tetap mampu membaca tag-tag yang lain). Hampir mirip dengan bahasa pemrograman, HTML juga terdiri dari "pembuka(Kepala)"-"body(badan)"-"penutup(Akhir)" contohnya :
<HTML>
<HEAD>
<TITLE>Judul Dokumen HTML</TITLE>
</HEAD>
<BODY>
Isi Dokumen + Tag HTML
</BODY>
</HTML>
untuk script diatas, didapat keterangan bahwa dokumen dimulai dengan tag <HTML> sebagai pembuka. Lalu masuk ke <HEAD> sebagai kepala dokumen, dimana akan ditambahi suatu tag <TITLE> sebagai judul Dokumen dan masuk ke bagian <BODY> yang nantinya berisikan tag-tag HTML yang lebih lengkap dan spesifik untuk tampilan dokumen anda.
Anda dapat memulai membuat dokumen/file HTML anda sendiri berdasarkan contoh diatas dan lihat bagaimana hasilnya dibrowser anda. Untuk Filenya sendiri dapat anda buat menggunakan Editor Teks yang mampu membuat file ASCII seperti VI, Emacs atau Notepad. Atau bisa juga menggunakan Editor WYSIWYG (What You See Is What You Get) seperti Dreamweaver, Frontpage atau yang laen. Oh ya simpan dengan format atau extension .htm ato .html ya. Jadi, jika Filedokumen anda bernama "latihan" maka simpan dengan nama "latihan.htm" atau "latihan.html". Agar Browser anda dapat mengenali dokumen anda tersebut.
Selamat Mencoba ... !!!!
Category: TUTORIAL
:?
ReplyDelete