Artikel Penulis Perms Kom Modifikasi Jenis

Belajar HTML Dasar Heru Cimay rwxr-xr-x 0 3/27/2011

Filename Belajar HTML Dasar
Permission rw-r--r--
Author Heru Cimay
Date and Time 3/27/2011
Label
Action


   Karena saya bukan type orang yang suka ingkar janji , maka sesuai dengan janji saya pada postingan sebelumnya, pada postingan kali ini saya akan memberikan tutorial dasar membuat HTML. Sebelum kita belajar HTML, seperti pepatah "Tak Kenal maka Tak Sayang"  maka alangkah lebih baiknya kita kenalan dulu dengan HTML. Apa itu HTML? Dan apa saja yang dapat kita lakukan dengan HTML? Cekidot .
   HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program. Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :
1. Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.
2. Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.
3. Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen. Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.
Apa yang dapat dilakukan dengan HTML ?
a. Menentukan format suatu teks.
b. Membuat list tentang sekelompok hal.
c. Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama.
d. Menyisipkan citra atau gambar.
e. Menampilkan informasi dalam bentuk tabel.
f. Dll. 
     Nah bagi yang sudah mendownload kita mulai aja ya. Pertama-tama kita harus mengetahui code-code HTML dan fungsinya.
Berikut code-code HTML beserta fungsinya :
<HTML>Perintah ini wajib/harus diketikkan paling atas untuk memulai membuat HTML.
<HEAD> Perintah ini merupakan perintah untuk membuat bagian header pada HTML.
</HEAD> Perintah ini merupakan perintah untuk menutup bagian header pada HTML.
<TITLE> Perintah ini merupakan perintah untuk membuat title/judul yang akan tampil di title bar.
<TITLE> Perintah ini merupakan perintah untuk menutup title/judul yang akan tampil di title bar.
<BODY> Perintah ini merupakan perintah untuk membuat bagian isi HTML.
</BODY> Perintah ini merupakan perintah untuk menutup bagian isi HTML.
<CENTER> Perintah ini untuk meratakan Teks/Gambar berada di tengah.
</CENTER> Perintah ini untuk mengakhiri meratakan Teks/Gambar berada di tengah.
<H1>Perintah ini digunakan untuk menentukan ukuran font, dalam HTML ukuran font terbesar adalah H1 dan yang terkecil H7.
</H1> Perintah ini digunakan untuk mengakhiri ukuran font H1.
<BR> Perintah ini digunakan untuk menampilkan efek ENTER (Ganti baris) tanpa garis batas.
<HR> Perintah ini digunakan untuk menampilkan efek ENTER (Ganti baris) dengan garis batas.
   

   Nah sekarang coba anda copy pastekan code dibawah ini keultraedit anda dan save dengan nama TUTOR1 atau whatever you want, jangan lupa kalo kita ingin menyimpan file berformat HTML maka pada saat menyimpannyapun kita harus kasih kode ".HTML", dibelakangnya. Sebagai contoh "TUTOR1.HTML".




   Jika semua kode sudah dipaste dan save, klik "Show file in default browser" pada toolbar ultraedit anda.

 
Jika anda menggunakan browser firefox maka yang akan tampil seperti berikut :


Selamat Mencoba kawan .
 

Template Edited © 2011 By Cimay Noobs | Blog Newbie
Original Design By p4r46hcyb3rn3t