Fungsi-Fungsi Sintak Tag HTML – Bagi para developer web dia akan belajar, yang paling kalinya yaitu HTML. HTML sendiri adalah sebuah platform untuk pembuatan website dasar, HTML ini hal yang paling dasar yang harus di ketahui oleh developer web, sebelumnya saya sudah memberi tahu anda bagaimana cara Belajar HTML dengan Gampang, setelah anda sudah memahami tetang itu anda harus mempelajari terlebih dahulu tentang sintak-sintak tag HTML.
Sintak Tag HTML ini digunakan untuk membuat sebuah tampilan website (front end), seperti tabel, text, input , gambar dan lain sebagainya. Untuk mempelajari Sintak tag HTML ini sangat mudah, dengan anda membuat suatu file .html dengan melakukan uji coba – uji coba , dan mengetahui dan memahami setiap fungsi-fungsi dari sintak tag html tersebut.
Dalam semua bahasa pemrograman , HTML lah yang paling gampang untuk dipahami.
HTML ini sebenarnya lebih menekan pada pembentukan dan penggambaran komponen-komponen dalam halaman website dari pada menentukan penampilan-penampilan. Bisanya untuk membuat tampilan pada sebuat web , HTML tersebut akan di gabungkan dengan CSS agar lebih menarik dilihat tampilannya tersebut. makanya browser yang kamu gunakan saat ini digunakan untuk menampilkan perintah-perintah pada HTML tersebut mejadi sebuh tampilan yang bagus dan menarik untuk di lihat.
Sintak Tag HTML Dan Pengertian
Perintah-perintah yang ada pada HTML biasanya di sebut dengan Sintak / Tag HTML. Tag ini merupakan sebuah teks biasa yang akan melakukan perintahnya menurut ekstensi HTML yang akan di tampilkan pada web browser anda.
Tag HTML selalu di beri tanda ( < > ) hal itu di gunakan untuk pembatas fungsi-fungsi pada tag tersebut. ya isi di dalam kurung tersebut adalah perintah-perintah yang terkandung dalam HTML.
Baiklah saya akan Buat Tag HTML beserta Pengertiannya :
| Sintak / Tag | Pengertian atau Fungsi |
|---|---|
| <!– … –> | Pengertiannya untuk membuat sebuah komentar atau keterangan. Kalimat yang ada pada colom scrip ini tidak akan terlihat pada browser |
| <!DOCTYPE> | Pengertiannya Menyimpulkan informasi setiap tipe dokumen |
| <a></a> | Fungsinya sebagai sebuah anchor, yang lebih tepat jika diartikan sebagai tautan dikarenakan tautan ini digunakan untuk saling menautkan antara satu dokumen HTML ke dokumen HTML yang lain |
| <abbr></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></acronym> | Pengertiannya adalah akronim / fungsi tag ini kurang lebih sama dengan tag <abbr> |
| <address></address> | Pengertiannya membuat informasi kontak untuk penulis/pemilik dokumen |
| <applet></applet> | Dibuat untuk memasukan file java kedalam dokumen HTML |
| <area></area> | intinya daerah yang dapat diklik (link) pada peta gambar |
| <b></b> | Teks tebal |
| <base /> | URL dasar/target untuk semua URL relatif dalam dokumen |
| <basefont /> | buat atribut-atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen |
| <bdo></bdo> | Difungsikan untuk menimpa arah teks |
| <big></big> | Memperbesar ukuran teks sebesar satu point dari defaultnya |
| <blink></blink> | Membuat teks berkedip |
| <blockquote></blockquote> | Menyimpulkan pada sebuah tanda panjang. Pada saat ada pada browser text akan di tampilkan menjorok kedalam pada browser anda. |
| <body></body> | Menyimpulkan isi pada HTML(dokument), yang berfungsi sebagai menentukan gaimana isi suatu dokument akan ditampilkan di website browser. setiap Isi dokument tersebut akan dapat berupa text, gambar, animas, link dan seterusnya |
| <br /> | Memberi baris baru/pindah baris |
| <button></button> | Menyimpulkan sebuah tombol diklik |
| <caption></caption> | Membuat caption pada tabel |
| <center></center> | Untuk perataan tengah terhadap teks atau gambar |
| <cite></cite> | Menyimpulkan kutipan |
| <code></code> | Menyimpulkansebuah bagian dari kode komputer |
| <col /> | Menyimpulkan nilai atribut dari satu kolom atau lebih dalam sebuah tabel |
| <colgroup></colgroup> | Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan |
| <dd></dd> | Menyimpulkan deskripsi dari item dalam daftar definisi |
| <del></del> | Untuk memberi garis tengah pada teks/mencoret teks |
| <dfn></dfn> | Menyimpulkan sebuah istilah definisi |
| <dir></dir> | Menyimpulkan sebuah daftar direktori |
| <div></div> | Menyimpulkan sebuah section dalam dokumen |
| <dl></dl> | Menyimpulkan sebuah daftar definisi |
| <dt></dt> | Menyimpulkan istilah (item) dalam daftar definisi |
| <em></em> | Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring |
| <embed></embed> | Digunakan pada saat memasukkan file video atau file musik |
| <fieldset></fieldset> | Untuk pengelompokan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form |
| <font></font> | Menyimpulkan jenis font, warna dan ukuran untuk teks |
| <form></form> | Menyimpulkan sebuah form HTML untuk input form |
| <frame /> | Menyimpulkan frame dalam fremeset |
| <frameset></frameset> | Menyimpulkan satu set frame |
| <h1> sampai <h6> | Digunakan pada saat menunjukkan awal dari suatu header atau judul dari dokumen HTML tersebut. |
| <head></head> | difungsikan untuk memberikan informasi tentang dokumen tersebut |
| <hr /> | digunakan Membuat garis horisontal |
| <html></html> | Menyimpulkan root dari suatu dokumen HTML |
| <i></i> | Membuat teks miring pada text |
| <iframe></iframe> | Menyimpulkan sebuah inline frame |
| <img /> | Fungsinya untuk menampilkan gambar pada dokumen HTML |
| <input /> | Menyimpulkan input field pada form |
| <ins></ins> | Membuat suatu teks bergaris bawah |
| <kbd></kbd> | Menyimpulkan teks yang di input dari keyboard |
| <label></label> | Menyimpulkan label untuk sebuah elemen <input> |
| <legend></legend> | Menyimpulkan sebuah caption untuk elemen <fieldset> |
| <li></li> | Digunakan untuk menampilkan sesuatu informasi dalam bentuk item daftar |
| <link /> | Menyimpulkan hubungan antara dokumen dan sumber eksternalnya |
| <listing></listing> | Fungsi tag ini sama dengan tag kode <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes |
| <map></map> | Menyimpulkan client-side peta gambar |
| <marquee></marquee> | Membuat text berjalan secara vertikal atau horisontal |
| <menu></menu> | Menyimpulkan sebuah daftar menu |
| <meta /> | Menyimpulkan metadata tentang sebuah dokumen HTML |
| <nobr></nobr> | Mencegah ganti baris pada teks atau gambar |
| <noframes></noframes> | Jika browser user tidak mendukung frame |
| <noscript></noscript> | Jika browser user tidak mendukung client-side scripts |
| <object></object> | meletakkan embed sebuah objek |
| <ol></ol> | Menyimpulkan daftar dalam format penomoran |
| <optgroup></optgroup> | AkanMenampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down |
| <option></option> | pilihan yang berbentuk dalam sebuah daftar drop-down yang akan ada opsi”nya |
| <p></p> | Membuat sebuah paragraf pada text |
| <param /> | Menyimpulkan sebuah parameter untuk objek |
| <pre></pre> | Membuat teks dengan ukuran huruf yang sama |
| <q></q> | Menyimpulkan sebuah kutipan singkat |
| <s></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></samp> | Menyimpulkan contoh keluaran dari program komputer |
| <script></script> | Menyimpulkan client-side script |
| <select></select> | Membuat daftar drop-down |
| <small></small> | Memperkecil ukuran text dari ukuran aslinya |
| <span></span> | Menyimpulkan sebuah section dalam dokumen |
| <strike></strike> | Untuk memberi garis tengah pada text /mencoret teks, fungsi tag ini sama dengan tag <del> |
| <strong></strong> | Membuat teks tebal, fungsi tag ini sama dengan tag <b> |
| <style></style> | Menyimpulkan informasi style untuk dokumen HTML |
| <sub></sub> | Memberikan efek subscript pada teks |
| <sup></sup> | Memberikan efek superscript pada teks |
| <table></table> | Membuat tabel pada browser |
| <tbody></tbody> | Untuk mengelompokkan isi body di dalam sebuah tabel |
| <td></td> | Menyimpulkan sel di dalam sebuah tabel |
| <textarea></textarea> | Menyimpulkan sebuah kontrol input multiline |
| <tfoot></tfoot> | Untuk mengelompokkan isi footer di dalam sebuah tabel |
| <th></th> | Menyimpulkan sel header di dalam sebuah tabel |
| <thead></thead> | Untuk mengelompokkan isi header di dalam sebuah tabel |
| <title><t/itle> | Membuat judul untuk dokumen HTML |
| <tr></tr> | Membuat baris di dalam sebuah tabel |
| <tt></tt> | Mendefinisikan teletype text |
| <u></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></ul> | Menyimpulkan daftar dalam format bullet |
| <var></var> | Menyimpulkan sebuah variabel |
| <xmp></xmp> | Menyimpulkanpreformatted text, fungsi tag ini sama dengan tag <pre> |
Nah itu sintak tag perintah HTML yang harus kamu ketahui, jika kamu bisa mengetahui fungsi dan menerapkan lalu tahu maksud dari sintak tag html tersebut kamu akan mudah membuat dalam membuat sebuah tampilan website.
Info Penting :
Jangan anda pahami satu per satu setiap tag / sintak HTML tersebut , tapi pahami tag / sintak tersebut dengan cara anda memperaktekkan di rumah atau d mana pun. dengan anda memahami itu anda bisa jadi mudah mempelajari HTML ini…
Terus Berjuang dan jangan menyerah, kalau anda kemauan pasti ada jalannya, berpikir posotif dan terus berkarya.
Salam MintaIlmu.com
ijin bookmark, untuk catatan saya gan
thx artikelnya min sangat membantu…
alat pemisah lcd