Mengenal Tag-Tag HTML dan Fungsinya
Tag2 HTML dan Fungsinya yang dirangkum dari berbagai sumber.
PERINTAH / TAG HTML BESERTA FUNGSINYA
| Tag HTML | Fungsi |
| <html>...</html> | Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML |
| <head>...</head> | Kepala dari dokumen HTML |
| <body>...</body> | Tag untuk menampilkan isi dokumen HTML |
| <title>...</title> | Judul dari dokumen HTML yang ditampilkan pada judul jendela browser |
| <br> | Tag untuk ganti baris |
| <p>...</p> | Membuat paragraf |
| <h1>...</h1> | Header 1, untuk judul sebuah web |
| <h2>...<h2> | Header 2, sub judul sebuah web |
| <h3>...</h3> | Header 3, sub judul sebuah web |
| <h4>...</h4> | Header 4, sub judul sebuah web |
| <h5>...</h5> | Header 5, sub judul sebuah web |
| <h6>...</h6> | Header 6, sub judul sebuah web |
| <b>...<b> | Bold, tag html yang berfungsi untuk mempertebal teks |
| <i>...<i> | Italic, tag html yang berfungsi untuk membuat tampilan teks tercetak miring |
| <u>...</u> | Underline, tag html yang berfungsi untuk membuat tampilan teks tercetak garis bawah |
| <pre>...<pre> | Preformated Text, tag html berfungsi untuk menampilkan teks apa adanya sesuai text editor |
| <center>...</center> | Tag html berfungsi untuk menampilkan teks dengan posisi horizontal ditengah |
| <font>...</font> | Tag html berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf |
| <hr> | Tag html berfungsi untuk membuat suatu garis horizontal |
| <ol>...</ol> | Order List, tag html berfungsi untuk membuat nomor daftar urut, bisa berupa angka, huruf atau angka romawi. |
| <ul>...</ul> | Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet) |
| <li>...</li> | List Item, tag yang berada di elemen OL dan UL yang berbentuk list |
| <table>...</table> | Tag yang berfungsi untuk membuat suatu data yang terdiri dari baris dan kolom |
| <caption>...</caption> | Tag yang berfungsi untuk membuat judul dari tabel |
| <tr>...</tr> | Table Row, mendefiniskan baris pada tabel, dan tag ini harus ada dalam tag TABLE |
| <td>...<td> | Table Data, terletak di dalam tag TR, yang berfungsi untuk memasukkan data-data |
| <img> | Tag html untuk menampilkan gambar |
| <a>...</a> | Tag html yang berfungsi untuk menghubungkan ke internal atau ekserrnal halaman web |
| <form>...</form> | Tag html berfungsi untuk mendefiniskan form interaktif |
| <input>...</input> | Tag html berfungsi untuk mendefinisikan input yang akan dimasukkan oleh pengguna |
| <select>...</select> | Tag html berfungsi untuk mendefinisikan opsi pilihan pada form kontrol |
| <option>...</option> | Tag hml berfungsi untuk mendefinisikan opsi pilihan ppada menu SELECT |
| <textarea>...</textarea> | Tag html berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris |
| <frameset>...</frameset> | Tag html berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian |
| <frame>...</frame> | Tag html yang berfungsi untuk mendefiniskan fram yang terdapat dalam frameset |
| Tag | Keterangan |
|---|---|
| <!-- ... --> | Digunakan untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini tidak akan terlihat pada browser |
| <!DOCTYPE> | Mendefinisikan informasi tipe dokumen |
| <a> | Mendefinisikan sebuah anchor, tetapi lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain |
| <abbr> | Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja |
| <acronym> | Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr> |
| <address> | Mendefinisikan informasi kontak untuk penulis/pemilik dokumen |
| <applet> | Digunakan untuk memasukan file java kedalam dokumen HTML |
| <area /> | Mendefinisikan daerah yang dapat diklik (link) pada peta gambar |
| <b> | Membuat teks tebal |
| <base /> | Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen |
| <basefont /> | Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen |
| <bdo> | Digunakan untuk menimpa arah teks |
| <big> | Memperbesar ukuran teks sebesar satu point dari defaultnya |
| <blink> | Membuat teks berkedip |
| <blockquote> | Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam |
| <body> | Mendefinisikan body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar, animas, link dan seterusnya |
| <br /> | Memberi baris baru/pindah baris |
| <button> | Mendefinisikan sebuah tombol diklik |
| <caption> | Membuat caption pada tabel |
| <center> | Untuk perataan tengah terhadap teks atau gambar |
| <cite> | Mendefinisikan kutipan |
| <code> | Mendefinisikan sebuah bagian dari kode komputer |
| <col /> | Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel |
| <colgroup> | Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan |
| <dd> | Mendefinisikan deskripsi dari item dalam daftar definisi |
| <del> | Untuk memberi garis tengah pada teks/mencoret teks |
| <dfn> | Mendefinisikan sebuah istilah definisi |
| <dir> | Mendefinisikan sebuah daftar direktori |
| <div> | Mendefinisikan sebuah section dalam dokumen |
| <dl> | Mendefinisikan sebuah daftar definisi |
| <dt> | Mendefinisikan istilah (item) dalam daftar definisi |
| <em> | Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring |
| <embed> | Digunakan untuk memasukkan file video atau file musik |
| <fieldset> | Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form |
| <font> | Mendefinisikan jenis font, warna dan ukuran untuk teks |
| <form> | Mendefinisikan sebuah form HTML untuk input form |
| <frame /> | Mendefinisikan frame dalam fremeset |
| <frameset> | Mendefinisikan satu set frame |
| <h1> to <h6> | Digunakan untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut. |
| <head> | Digunakan untuk memberikan informasi tentang dokumen tersebut |
| <hr /> | Membuat garis horisontal |
| <html> | Mendefinisikan root dari suatu dokumen HTML |
| <i> | Membuat teks miring |
| <iframe> | Mendefinisikan sebuah inline frame |
| <img /> | Berfungsi untuk menampilkan gambar pada dokumen HTML |
| <input /> | Mendefinisikan input field pada form |
| <ins> | Membuat teks bergaris bawah |
| <kbd> | Mendefinisikan teks yang di input dari keyboard |
| <label> | Mendefinisikan label untuk sebuah elemen <input> |
| <legend> | Mendefinisikan sebuah caption untuk elemen <fieldset> |
| <li> | Digunakan untuk menampilkan informasi dalam bentuk item daftar |
| <link /> | Mendefinisikan hubungan antara dokumen dan sumber eksternalnya |
| <listing> | Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes |
| <map> | Mendefinisikan client-side peta gambar |
| <marquee> | Membuat teks berjalan secara vertikal atau horisontal |
| <menu> | Mendefinisikan sebuah daftar menu |
| <meta /> | Mendefinisikan metadata tentang sebuah dokumen HTML |
| <nobr> | Mencegah ganti baris pada teks atau gambar |
| <noframes> | Jika browser user tidak mendukung frame |
| <noscript> | Jika browser user tidak mendukung client-side scripts |
| <object> | meletakkan embed sebuah objek |
| <ol> | Mendefinisikan daftar dalam format penomoran |
| <optgroup> | Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down |
| <option> | Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down |
| <p> | Membuat sebuah paragraf |
| <param /> | Mendefinisikan sebuah parameter untuk objek |
| <pre> | Membuat teks dengan ukuran huruf yang sama |
| <q> | Mendefinisikan sebuah kutipan singkat |
| <s> | Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del> |
| <samp> | Mendefinisikan contoh keluaran dari program komputer |
| <script> | Mendefinisikan client-side script |
| <select> | Membuat daftar drop-down |
| <small> | Memperkecil ukuran teks dari ukuran defaultnya |
| <span> | Mendefinisikan sebuah section dalam dokumen |
| <strike> | Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> |
| <strong> | Membuat teks tebal, fungsi tag ini sama dengan tag <b> |
| <style> | Mendefinisikan informasi style untuk dokumen HTML |
| <sub> | Memberikan efek subscript pada teks |
| <sup> | Memberikan efek superscript pada teks |
| <table> | Membuat tabel |
| <tbody> | Untuk mengelompokkan isi body di dalam sebuah tabel |
| <td> | Mendefinisikan sel di dalam sebuah tabel |
| <textarea> | Mendefinisikan sebuah kontrol input multiline |
| <tfoot> | Untuk mengelompokkan isi footer di dalam sebuah tabel |
| <th> | Mendefinisikan sel header di dalam sebuah tabel |
| <thead> | Untuk mengelompokkan isi header di dalam sebuah tabel |
| <title> | Membuat judul untuk dokumen HTML |
| <tr> | Membuat baris di dalam sebuah tabel |
| <tt> | Mendefinisikan teletype text |
| <u> | Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style |
| <ul> | Mendefinisikan daftar dalam format bullet |
| <var> | Mendefinisikan sebuah variabel |
| <xmp> | Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre> |
0 Response to "Mengenal Tag-Tag HTML dan Fungsinya"
Post a Comment