Senin, 19 September 2011

Belajar HTML 2 (TAG HTML)

Yuk kita lanjutin Postingan saya sebelumnya :D 
Tag HTML yang paling penting adalah tag-tag yang mendefinisikan judul, paragraf dan ganti baris. Seperti umumnya bahasa pemrograman lainnya, maka cara terbaik untuk mempelajari HTML adalah dengan banyak berlatih. Latihan tentu saja memerlukan alat bantu.

Nah, pada dasarnya kita bisa bikin file HTML menggunakan notepad, tapi tentu saja banyak software untuk menulis dengan berbagai fasilitas yang akan memudahkan. Googling aja atau cari di download.com dengan kata kunci HTML Editor.

Judul
Judul didefinisikan dengan menggunakan tag <h1> sampai >h6>. <h1> mendefinisikan huruf judul yang paling besar, dan <h6> yang terkecil. Untuk latihan coba kita bikin file HTML berikut ini dan perhatikan hasilnya.

<h1>Ini Judul</h1>
<h2>Ini Judul</h2>
<h3>Ini Judul</h3>
<h4>Ini Judul</h4>
<h5>Ini Judul</h5>
<h6>Ini Judul</h6>

HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah judul.

Paragraf
Paragraf didefinisikan dengan menggunakan tag <p>.

<p>Ini adalah sebuah paragraf</p>
<p>Ini paragraf lainnya</p>

Sama seperti judul, HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah paragraf.

Jangan lupa Tag penutup
Kita pastinya udah pernah ngeliat bahwa paragraf dapat ditulis tanpa tag penutup </p> kayak gini :

<p>Ini adalah sebuah paragraf
<p>Ini paragraf lain

Contoh barusan dapat digunakan pada hampir semua jenis browser, tapi jangan ngandelin hal itu. Versi-versi HTML ke depan kayaknya tidak akan ngijinin kita untuk melewatkan tag penutup.

Menutup semua elemen HTML dengan tag penutup adalah cara yang ampuh untuk menulis HTML yang kompatibel dengan smeua browser dan pengembangan ke depan. Hal ini juga membuat kode kita lebih mudah dimengerti (baik dibaca maupun di browse).

Ganti Baris
Tag <br> digunakan pada saat kita pengen membuat baris baru, tapi belum ingin ganti paragraf. Tag <br> akan membuatkan sebuah baris baru buat kita dimanapun kita letakkan tag itu.

<p>Ini <br> adalah sebuah pa<br>ragaraf dengan ganti baris </p>

Tag <br> adalah tag yang kosong. Nah, karena itu dia tidak punya tag penutup seperti misalnya </br>, karena jadi tidak masuk akal. Ya tho...?

<br> atau <br/>
Kita akan makin sering melihat penulisan tag <br> dengan cara begini : <br />
Karena tag <br> tidak memiliki tag penutup, maka tag tersebut melanggar salah satu aturan dasar dalam penulisan HTML ke depannya (XHTML yang berbasis XML), di mana semua elemen harus ditutup.
Menuliskan penggantian baris dengan cara <br/> ini menjamin bahwa file HTML kita akan kompatibel dengan XML maupun cara penulisan HTML di masa datang.

Menuliskan Komentar dalam HTML
Tag komentar digunakan untuk menyisipkan sebuah komentar dalam kode sumber HTML. Sebuah komentas akan diabaikan oleh browser. Kita bisa menggunakan komentar untuk menjelaskan kode yang kita bikin, dan tentu saja hal ini akan membantu kita saat kita perlu melakukan perubahan pada kode kita kapan-kapan.

<!-- Ini adalah sebuah komentar -->

Perhatikan bahwa kita perlu menuliskan tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutupnya.

Ingat hal-hal berikut...!
  • Setiap tag HTML memiliki sebuah nama elemen (body, h1, p, br)
  • Tag pembuka adalah nama yang dilingkupi oleh tanda kurung siku: <h1>
  • Tag penutup adalah tanda garis miring dan nama yang dilingkupi oleh tanda kurung siku </h1>
  • Isi elemen berada di antara tag pembuka dan tag penutup
  • Beberapa elemen HTML tidak memiliki isi elemen
  • Beberapa elemen HTML tidak memiliki teg penutup

Beberapa Tips Yang Bermanfaat
Waktu kita menulis teks HTML, maka kita tidak akan pernah bisa yakin bagaimana teks itu ditampilkan oleh browser lain. Beberapa orang memiliki monitor yang lebih besar, dan yang lainnya. Teks akan diatur ulang setiap kali pengunjung mengubah ukuran windownya. Jangan pernah mencoba untuk membantuk teks yang memiliki baris kosong atau spasi dekat dengan teks itu.

HTML akan menghapus spasi dalam teks kita. Berapa banyakpun kita tuliskan spasi, tetap akan dihitung satu. Satu lagi, dalam HTML sebuah baris baru dihitung sebagai satu spasi.

Menggunakan paragraf kosong <p> untuk menyisipkan baris kosong adalah kebiasaan yang kurang baik. Gunakan tag <br> sebagai penggantinya. (tapi jangan juga gunakan tag <br> untuk membuat daftar. Tunggu sampai pelajaran tentang daftar dimulai ya).

HTML secara otomatis akan menambah baris kosong sebelum dan sesudah beberapa elemen, seperti sebelum dan sesudah paragraf dan judul.

Tag HTML Dasar
Berikut adalah tag-tag penting yang akan sangat sering kita pakai. Dan kita akan mempelajari masing-masing secara lebih detil terutama yang menyangkut atributnya.
<html> = Mendefinsikan sebuah dokumen HTML
<body> = Mendefinisikan isi utama
<h1> to <h6> =Mendefinisikan judul 1 sampai 6
<p> = Mendefinisikan paragraf
<br> = Menyisipkan sebuah baris
<hr> = Mendefinisikan garis horisontal
<!--> = Bikin komentar

Asik kan? Ini belum seberapa, tunggu sampai kita udah bisa bikin tabel, huruf berwarna dan masih banyak lagi variasi tampilan yang bisa digunakan untuk mempercantik halaman web kita.

Sampe Sini dulu yach...!
Bila ada yg mo menambahkan silahkan tambahkan di sini. Maklum namanya manusia masih ada saja kekurangannya.
SELAMAT BELAJAR & MENCOBA

source kaskus

Tidak ada komentar:

Poskan Komentar