Tag HTML umumnya berupa tag yang berpasang-pasangan dan diapit dengan simbol <
dan >. Pasangan atau penutup perintah dari sebuah tag ditandai dengan tanda / .
misalnya pasangan dari tag <example> adalah </ example >.dan >. Pasangan atau penutup perintah dari sebuah tag ditandai dengan tanda / .
Sebagian tag telah digunakan pada contoh kode HTML di atas. Sekarang marilah kita
kenali berbagai hal yang mendasar tentang tag. Setiap tag memiliki nama, nama tag
ditulis dalam tanda < dan >. Antara nama tag dan tanda < ditulis tanpa spasi sama
sekali. Nama tag dapat ditulis dengan huruf kecil, kapital maupun campuran.
Beberapa tag ada yang menggunakan atribut di dalamnya. Contoh : <P align=”center”>,
pada contoh ini P adalah nama tag, sedangkan align adalah nama atribut dan center
adalah nilai atribut.
Pemberian Catatan/Komentar pada Dokumen HTML
Catatan adalah bagian dari kode HTML yang diabaikan oleh browser. Kegunaan
catatan/komentar dalam kode HTML adalah sebagai keterangan yang berguna untuk
pembaca kode. Misalnya, catatan digunakan untuk memberikan catatan apa saja dan
bahkan bisa mencakup beberapa baris.
Komentar.html
<!--Program ini dibuat pada tanggal 20 Oktober 2013 -->
<html>
<head>
<title>Hai</title>
<Body>
<!-- Catatan bisa diletakan dimana saja -->
Saya Sedang Belajar HTML
</body>
</html>
Penggunaan Tag Break Row (pindah baris)
Tag ini digunakan untuk menurunkan teks sebanyak yang kita inginkan, dengan kata
lain satu tag <BR> sama dengan anda menekan tombol Enter satu kali. Untuk lebih jelas
sekarang perhatikan contoh berikut ini :
Breakrow.html
<html>Penggunaan Tag Paragraf
<head>
<title>belajar tag br</title>
</head>
<body>
Mudah-mudahan anda cepat bisa belajar HTML <br>
Amin …!
</body>
</html>
Tag <P> berguna untuk membuat paragraf. Jarak paragraf/tek pertama dengan
paragraf/tek kedua sama dengan anda menggunakan tag <br> dua kali. Untuk lebih
jelasnya perhatikan contoh di bawah ini.
Paragraf1.html
<html>Atribut Align juga bisa diterapkan pada tag paragraf. Yang berguna untuk mengatur
<head>
<title>belajar tag paragraf</title>
</head>
<body>
Senja Telah Tiba<p>
Mentari kian temaram<br>
Samar disela-sela daun cemara<br>
Angin mulai berhembus dari samudera<br>
Pertanda malam telah tiba
</body>
</html>
peletakan teks di dalam masing-masing baris. Sebagai contoh : tambahkan pada kode
HTML di atas dengan kode seperti yang terlihat pada contoh program HTML berikut :
Paragraf2.html
<html>Penggunaan Tag Center
<head>
<title>belajar tag paragraf</title>
</head>
<body>
Senja Telah Tiba
<p align = “center”>
Mentari kian temaram<br>
Samar disela-sela daun cemara<br>
Angin mulai berhembus ke samudera<br>
Pertanda malam telah tiba<br>
</p>
2004
</body>
</html>
Untuk meratakan teks ketengah, kita juga bisa menggunakan tag <Center>. Dan untuk
mengakhiri penengahan teks (yakni agar teks berikutnya tidak terletak ditengah), kita
perlu menambahkan tanda penutup berupa tanda slash (/), cara penulisannya adalah :
</center>. Untuk jelasnya perhatikan latihan di bawah ini :
center.html
<html>Penggunaan Tag Heading
<head>
<title>belajar tag center </title>
</head>
<body>
<center>
Addres :
<hr>
Nerdiex Production<br>
<hr size = 5 width = 25% align = left noshade>
Jl Bukit Pelajar<br>
Balikpapan
</center>
</body>
</html>
Tag ini digunakan untuk mengatur ukuran teks yang dijadikan sebagai judul dalam
badan dokumen. Ukuran yang ada pada tag heading ada 6 buah ukuran yang paling
besar ditunjukan dengan penomoran yang paling kecil yaitu angka 1 dan yang paling
kecil ditandai dengan nomor terbesar yaitu 6. anda juga bisa menggunakan angka lebih
dari enam misal 7 atau 8, tetapi hasilnya adalah tetap seukuran angka 6 karena
standarnya adalah ukuran 6 yang terkecil. Bentuk tag-tag heading dimulai dari yang
terbesar sampai terkecil dapat dilihat pada tatacara penulisan berikut ini :
- <H1> … </H1> (Heading 1)
- <H2> … </H2> (Heading 2)
- <H3> … </H3> (Heading 3)
- <H4> … </H4> (Heading 4)
- <H5> … </H5> (Heading 5)
- <H6> … </H6> (Heading 6)
Untuk memperjelas kegunaan tag heading ini perhatikan pada contoh di bawah ini :
heading.html
<html>
<head>
<title>belajar tag heading</title>
</head>
<body>
<h1>ukuran heading 1</h1>
<h2>ukuran heading 2</h2>
<h3>ukuran heading 3</h3>
<h4>ukuran heading 4</h4>
<h5>ukuran heading 5</h5>
<h6>ukuran heading 6</h6>
</body>
</html>
seperti halnya pada tag <P>, tag heading juga memiliki atribut. Salah satu atribut yang
bisa digunakan adalah atribut align yang bisa bernilai : center, left, right, justify.
Cara menuliskan pada dokumen HTML adalah <h1 align=”center”>.
Menampilkan Garis Horisontal (Horizontal Row)
Agar tampilan dokumen HTML yang kita buat menjadi lebih menarik, seorang pembuat
dokumen web sering menambahkan garis horisontal biasanya diletakkan di bawah
sebuah teks maupun objek lainnya. Cara membuat garis ini sangat mudah sekali,
caranya yakni dengan menyertakan tag horizontal Row <HR>. Pada tag <hr> juga bisa
ditambahkan atribut-atribut seperti berikut ini :
- Size : Untuk mengubah ketebalan garis
- Width : Untuk merubah lebar garis
- Align : Untuk mengatur tata letak teks dalam baris
- Noshade : Untuk merubah garis yang dibuat tidak disertai bayangan
Garis.html
<html>
<head>
<title>belajar membuat garis </title>
</head>
<body>
Addres :
<hr>
Nerdiex Production<br>
<hr size = 5 width = 25% align = left noshade>
Jl. Bukit Pelajar<br>
Balikpapan
</body>
</html>
Penggunaan Tag Divisi
Tag ini digunakan untuk mengelompokkan sejumlah baris teks yang memiliki tipe
sama. Fungsinya bisa juga disamakan dengan tag <P>. perhatikan pada contoh berikut
ini :
Divisi.html
<html>
<head>
<title>belajar tag div </title>
</head>
<body>
<div align=”right”>
Addres :
<hr>
Nerdiex Production<br>
<hr size = 5 width = 25% noshade>
Jl. Bukit Pelajar<br>
Balikpapan
</div>
</body>
</html>
Komentar
Posting Komentar