Sabtu, 12 Mei 2007

HTML BASIC


Bagi kamu yang ingin menjadi seorang Web Developer or Webmaster khususnya bagian Web Programming. Maka, dasar paling utama yang harus di pelajari dan dikuasai adalah HTML. (Bukannya mo sok pintar, tapi memang seperti itulah kenyataannya).

Mengapa?

Karena kebanyakan dan pada umumnya, sebuah Website dibuat atau di bangun dengan menggunakan HTML sebagai pondasi dasar pembuatannya.

Sekarang pertanyaan adalah : Apakah HTML itu ?

Menurut W3C, HTML merupakan singkatan dari Hyper Text Markup Language yaitu bahasa penghubung yang digunakan secara khusus untuk membuat dokumen atau file yang bisa di tampilkan pada Web Browser.

Sebuah dokumen atau file HTML di buat dari elemen-elemen yang merupakan susunan dari tag-tag atau kode-kode HTML, yang mempunyai fungsi untuk memberitahukan Web Browser 'Bagaimana sebuah halaman Web akan di tampilkan'. Yang dimana, setiap penulisan elemen HTML harus mempunyai tag pembuka (<.....>) dan tag penutup(</.....>). Sedangkan karakter (< dan >) yang mengapit isi elemen HTML disebut dengan "Angle Brackets".

Sebuah file atau dokumen HTML bisa dibuat dengan menggunakan Editor Teks seperti Notepad, dan disimpan dengan menggunakan Ekstensi .html atau .html.

Selain Notepad, kamu juga bisa menggunakan program aplikasi Website Manager atau Website Builder seperti MS. FrontPage atau Macromedia Dreamweaver. Yang bisa dikatakan sangat membantu untuk membuat sebuah Website. Dikarenakan kedua program tersebut bersifat User Friendly. Dan juga bersifat WYSIWYG (What You See Is What You Get)

Standarnya, strukutur dasar dokumen HTML adalah sebagai berikut :

<html>
<head>
<title>Judul atau Title Dokumen HTML</title>
</head>
<body>
Isi atau Objek HTML
</body>
</html>

Penjelasan Fungsi-fungsi Tag HTML diatas :

1. Tag <html> dan tag </html> digunakan sebagai tag awal (<html>) dan akhir (</html>) dari penulisan atau pembuatan dokumen HTML.

2. Objek (teks,script, title/judul dokumen) yang berada diantara Tag <head> dan tag </head> menjelaskan Informasi yang ada pada Header atau Kepala Dokumen HTML.

3. Teks yang berada diantara Tag <title> dan tag </title> berfungsi sebagai judul atau title dari dokumen HTML.

4. Objek (berupa gambar, teks/tulisan,script,dsb) yang berada diantara Tag <body> dan tag </body> berfungsi sebagai isi dari dokumen HTML yang akan ditampilkan di Browser.

Bisa dikatakan, ke-empat elemen diatas adalah elemen yang terpenting dalam sebuah dokumen HTML.

Sampai disini, mungkin kamu sudah memahaminya....:-)

Jika belum, maka cobalah untuk menuliskan kode-kode HTML dibawah ini dengan menggunakan Notepad, kemudian lihatlah hasilnya pada Browser (Mozilla,Internet XP, Netspae,opera dsb.) di Komputer kamu. Karena cara yang paling cepat untuk menguasai HTML adalah dengan mempraktekkannya.

Contoh 1 : Membuat paragraf

<html>
<body>

<p>
Untuk membuat paragraf pada dokumen HTML
gunakanlah tag <p> dan tag </p>
</p>

<p>
Teks atau tulisan yang berada di antara kedua tag ini
berfungsi untuk menandakan sebuah paragraf baru.
</p>

<p>
Untuk membuat paragraf baru pada dokumen HTML.
Gunakan tag <p> dan tag </p>
</p>

<body>
<html>


Contoh 2 : Membuat baris baru

<html>
<body>

<p>
Untuk membuat

baris baru

pada dokumen HTML.

Gunakan tag <br>
</p>

</body>
</html>


Contoh 3 :Membuat Heading berada di tengah

<html>
<body>

<h1 align="center">Contoh Heading HTML</h1>

<p>
Untuk membuat Heading HTML, gunakanlah contoh tag diatas
</p>

<p>
Heading di atas berada di tengah
<p>

</body>
</html>


Contoh 4 : Membuat garis Horizontal

<html>
<body>

<p>Tag <hr> berfungsi untuk membuat garis horizontal
</p>

<hr>
<p>Paragraf 1</p>
<hr>
<p>paragraf 2</p>

</body>
</html>


Contoh 5 : Membuat Komentar tidak terlihat

<html>
<body>

<!--Ini adalah komentar yang tidak terlihat-->
<p>Untuk membuat komentar yang tidak terlihat pada browser,
gunakan kode di atas
</p>

</body>
</html>


Itulah beberapa contoh kode-kode HTML dasar. Dan untuk melihat hasilnya seperti apa. Maka ada baiknya jika kamu mau untuk mencobanya. :-)

Caranya :
1. Buka Notepad, kemudian ketikkan kode HTML seperti di atas.
2. Setela selesai di ketik. Klik FILE - SAVE atau SAVE AS .
3. Pilih pada direktori yang kamu inginkan untuk menyimpan file HTML yang telah dibuat.
4. Jangan lupa untuk memberikan ekstensi .htm atau .html pada file yang akan disimpan. Ekstensi tersebut ditulis sesudah nama file yang ingin kamu simpan tanpa tanda spasi.
5. Untuk melihat hasilnya, klik Menu START yang terdapat disebelah kiri bawah pada Taskbar, kemudian pilih DOCUMENTS. Lalu klik file sesuai nama yang kamu simpan.
6. Just a moment, dan kamu akan melihat hasilnya pada browser.


Oke, mungkin sampai disini dulu yach......
But, Don't Worry. Karena pasti ada lanjutannya.
Di tunggu aja yach......:-) (ngak bakalan lama kok)


Selamat Mencoba

0 Komentar:

 

Recent Post

Status Rank


Pendukung

Iklan