SampelKode - Hallo, seperti biasa yak kali ini saya akan melanjutkan tutorial HTML bagi pemula. Pada tutorial kali ini saya akan mengenalkan apa itu Tag HTML. Sebelumnya saya berterima kasih kepada pengunjung yang masih setia mengunjungi SampelKode.
Tag HTML
Apa sih itu Tag HTML? tag HTML adalah tag yang ditulis dengan awalan kurung siku "<" dan ">" sesuai standar SGML (Structur Generalize Markup Language) Jika anda belum mengerti sejarah HTML, silahkan baca tentang sejarah html dibawah ini.
Baca : Tutorial HTML - Sejarah HTML
Tag HTML sendiri sangat penting dalam penulisan dokumen html. Pada postingan Tag HTML ini saya akan membahas tag html yang penting saja, karena tag html ada banyak dan susah untuk dibahas sau per satu. Dibawah ini sudah saya sediakan tabel mengenai tag html dan definisinya juga ada contoh pegunaannya.
| Nomor | Nama Tag | Definisi Tag | Contoh Pengunaan |
|---|---|---|---|
| 1 | <title> | <title> Adalah Tag html yang digunakan untuk memberi nama di bagian address bar. |
<title>Sampel Kode <title> |
| 2 | <html> | <html> adalah tag yang digunakan untuk memulai script html. |
<html> /* isi code html */ </html> |
| 3 | <head> | <head> adalah tag yang digunakan untuk memberikan info mengenai dokumen html. |
<head> /* isi code html */ </head> |
| 4 | <a> | <a> adalah tag yang digunakan untuk membuat sebuah link relatif atau link abosule atau lebih tepatnya ini adalah tag ancor untuk mengambil link seperti http://facebook.com dan lain-lain |
<a href='http://facebook.com'> Facebook</a> |
| 5 | <b> | <b> (bold) adalah tag yang digunakan untuk membuat teks menjadi tebal. |
<b>Tulisan ini menjadi tebal</b> |
| 6 | <h1><h6> | <h1><h6> (heading) adalah tag yang digunakan untuk membuat teks menjadi besar seperti header dan masing-masing tag sendiri memiliki font yang berbeda. | <h1>Tulisan ini menjadi Besar banget</h1> <h2>Tulisan ini menjadi Besar</h2> <h3>Tulisan ini menjadi agak besar</h3> <h4>Tulisan ini menjadi standar</h4> <h5>Tulisan ini menjadi agak kecil</h5> <h6>Tulisan ini menjadi kecil</h6> |
| 7 | <p> | <b> (bold) adalah tag yang digunakan untuk membuat teks menjadi tebal. |
<b>Tulisan ini menjadi tebal</b> |
| 8 | <i> | <i> (Italic) adalah tag yang digunakan untuk membuat teks menjadi miring. |
<i>Teks ini akan menjadi miring</i> |
| 9 | <u> | <u> (Underline) adalah tag yang digunakan untuk membuat teks ada garisbawahnya |
<u>Teks ini ada garisbawahnya</u> |
| 10 | <blockquote> | <blockquote> adalah tag yang digunakan untuk mendefinisikan teks panjang atau bisa disebut ini adalah catatan atau info. (Jika tampil di web browser maka tulisannya menjadi menjorok ke dalam) |
<blockquote> Tulisan ini sebagai catatan, atau informasi penting </blockquote> |
| 11 | <body> | <body> adalah tag html berupa badan yang akan memulai penulisan tag-tag html. |
<body> /* Semua tag html ditulis disini */ </body> |
| 12 | <meta> | <meta> adalah tag html yang ditulis dibagian <head> tag meta sendiri sebagai metadata tag ini tidak akan menampilkan apa-apa di web browser. |
<meta charset='UTF-8'></meta> |
| 13 | <link> | <link> adalah tag html yang digunakan untuk menghubungkan dokumen dengan sumber eksternalnya seperti css,gambar dan lain-lain |
<link rel='stylesheet' type='text/css' href='../style.css'></link> |
| 14 | <ul> | <ul> (Undordered List) adalah tag html yang digunakan untuk membuat daftar dalam format bullet, tag <ul> sendiri harus ada penghubungnya yaitu tag <li> |
<ul> <li>Kayu</li> <li>Jati<li> <li>Kropos</li> </ul> |
| 15 | <ol> | <ol> (Ordered List) adalah tag html yang digunakan untuk membuat daftar dalam format penomoran, sama seperti <ul> harus ada penghubungnya yaitu tag <li> |
<ol> <li>Kayu</li> <li>Jati<li> <li>Kropos</li> </ol> |
| 16 | <li> | <li> (List) adalah tag html yang digunakan untuk menampilkan list dalam bentuk daftar item, <li> harus memiliki penghubung yaitu tag <ol> atau <ul> |
<li>Kayu Tadi</li> <li>Kayu Manis</li> |
| 17 | <button> | <button> adalah tag html yang digunakan untuk mendefiniskan tombol klik |
<button> Click Me </button> |
| 18 | <center> | <center> adalah tag html yang digunakan untuk membuat text ataupun attribute lainnya menjadi rata tengah |
<center> /* isi code html */ </center> |
| 19 | <div> | <div> adalah tag html yang digunakan untuk mendefinisikan section dokumen html |
<div> /* isi code html */ </div> |
| 20 | <embed> | <embed> adalah tag yang digunakan untuk memasukkan script video atau audio |
<embed> /* isi script video atau audio */ </embed> |
Perkenalkan!! Nama saya Nilla Lukita sebagai author SampelKode, saya tinggal di kudus. Hobi saya adalah blogging, anime lovers dan gamers, ya meskipun saya sekarang ini masih menekuni dunia blogging dan anime lovers (No Wibu). Saya masih sekolah dan masih kelas 2 SMK jurusan TKJ, saya senang sekali kalau ada masalah mengenai coding, design dan hal yang berhubungan dengan website.
ConversionConversion EmoticonEmoticon