Saat kita
belajar HTML, pasti kita juga harus mengetaui tentang Tag. Dan sebelum kita
mengetaui macam macam tag yang ada di dalam HTML, kita harus mengetagui apa itu
Tag terlebih dahulu. Tag adalah sesuatu yang digunakan untuk menandai
elemen-elemen dalam suatu dokumen HTML. Tag dalam HTML terdiri dari tanda
lebih kecil ( < ), tanda lebih besar ( > ), dan garismiring ( / ).
Biasanya Tag dituliskan secara berpasangan, misanya <h1> dan </h1>.
Tag yang tidak menggunakan garis miring ( / ) adalah Tag pembuka atau awal
elemen. Sedangkan yang Tag yang mengandung garis miring ( / ) adalah penutup
elemen atau akhir elemen. Namun, ada juga Tag yang dalam pemakaiannya tidak
berpasangan, diantaranya adalah :
- Tag untuk ganti paragraph yaitu <p>
- Tag untuk ganti baris atau line break yaitu <br>
- Tag untuk garis datar yaitu <hr>
- Tag list item yaitu <li>
Untuk tag yang tidak berpasangan diatas, sebaiknya tetap ditulis menggunakan
pasangannya. Hal ini dilakukan untuk mengantisipasi standar rekomendasi HTML kedepannya.
Penulisan untuk semua Tag bebas, maksudnya kita bisa menggunakan huruf besar,
huruf kecil, bahkan dicampur ( tidak case sensitive ). Tapi untuk
mengantisipasi standar penulisan Tag, sebaiknya kita menggunakan huruf kecil
semua.
Setelah kalian membaca penjelasan diatas, pasti kamu sudah tahu apa itu Tag
HTML. Kalau begitu, sekarang saatnya saya berbagi macam macam Tag dan
kegunaannya dalam HTML. Tag dalam HTML mempunyai berbagai jenis, yaitu Tag Tag
dasar, Tag Tag pemformatan, Tag Tag Computer-Output, Tag Tag Citation,
Quotation, dan Definition dan masih banyak lainnya.
- Tag dasar
Tag awal
|
Kegunaan
|
<html>
|
Untuk
mendefinisikan sebuah dokumen HTML.
|
<body>
|
Untuk
mendefinisikan body atau isi sebuah dokumen.
|
<h1>
sampai <h6>
|
Untuk
mendefinisikan heading 1 sampai 6
|
<p>
|
Untuk
mendefinisikan sebuah paragraf
|
<br>
|
Untuk
membuat baris baru
|
<hr>
|
Untuk
memisah antar bagian atau paragraf ( horizontal rule )
|
<!--
diakhiri dengan -->
|
Untuk
mendefinisikan komentar dalam source code
|
Contoh dasar:
<html>
<head>
<title>Maba TI 2013</title>
</head>
<style>
body {background: green; color:silver; }
</style>
<body>
<b>Bismillah...</b></br>
Saya Yuli Tri Dianira S. M.</br>
<h1>KOWAD</h1>
<h2>KOWAD</h2>
<h3>KOWAD</h3>
<h4>KOWAD</h4>
<h5>KOWAD</h5>
<h6>KOWAD</h6>
<br/>
<form>
Mail Koe: <input placeholder="Email Mu...">
Kode Moe: <input type="password" placeholder="Kode Mu...">
<input type="submit" value="login">
</form>
</body>
</html>
<head>
<title>Maba TI 2013</title>
</head>
<style>
body {background: green; color:silver; }
</style>
<body>
<b>Bismillah...</b></br>
Saya Yuli Tri Dianira S. M.</br>
<h1>KOWAD</h1>
<h2>KOWAD</h2>
<h3>KOWAD</h3>
<h4>KOWAD</h4>
<h5>KOWAD</h5>
<h6>KOWAD</h6>
<br/>
<form>
Mail Koe: <input placeholder="Email Mu...">
Kode Moe: <input type="password" placeholder="Kode Mu...">
<input type="submit" value="login">
</form>
</body>
</html>
Hasil tampilan tsb:
Tidak ada komentar:
Posting Komentar