komponen dasar html

Tutorial kali ini kita akan membuat halaman web yang paling mendasar.

Tag <br>
Kita akan menggunakan tag <br> salah satu tag dalam html yang tidak perlu tag penutup. Fungsinya untuk memberi jarak satu baris. Coba deh sintak berikut. Ketikkan saja pada Notepad atau editor kesukaan Anda dan simpan dengan nama file terserah Anda yang penting berekstensi .html, contohnya coba1.html.

Ini kata-kata yang<br>berada dibawah.
Ini kata-kata yang<br>
berada dibawah.

Maka akan terlihat seperti berikut :

Ini kata-kata yang
berada dibawah.

Membuat paragraf
Untuk menampilkan text dengan paragraf maka diperlukan tag <p> seperti berikut

<p>ini paragraf</p>
<p>dan ini paragraf yang lain</p>

maka akan tertampil seperti berikut ini

ini paragraf
dan ini paragraf yang lain

Jika kita perhatikan secara otomatis tag <p> akan memberikan jarak antar paragraf. Yang berarti kata-kata yang berada dalam tag <p> merupakan satu paragraf. Jadi kita tidak perlu menggunakan tag <br> untuk menampilkan paragraf.

Judul
Cara paling mudah untuk menampilkan text sebagai judul adalah dengan menggunakan tag judul.

Seperti dibawah ini

<h1>Judul 1</h1>
<h2>Judul 2</h2>
<h3>Judul 3</h3>

Ada 6 buah tag untuk judul dengan ukuran yang berbeda-beda. Semakin besar angka yangmengiringi h <h..> maka semakin kecil ukuran hurufnya.

Membuat link.
Link merupakan jantung dari internet. Semua halaman web terhubung satu dengan yang lain melalui link ini. Untuk membuatnya maka kita menggunkan tag <a href=""> </a>.

Misalnya kita ingin membuat link dengan kata tutorial html yang mengarah ke http://triksitus.blogspot.com maka sintaknya menjadi seperti ini.

<a href="http://triksitus.blogspot.com">tutorial html</a>

Menampilkan gambar.
Untuk memanpilkan gambar sebenarnya kita hanya tinggal menyebutkan tempat dimana gambar itu disimpan. Nah, sintaknya jadi kayak begini.

<img scr="gambar.jpg" width="150" height="200">

Gimana mudah bukan..