Halaman Web juga disebut dokumen HTML. HTML adalah sekumpulan kode khusus yang dapat disematkan dalam teks untuk menambahkan pemformatan dan menghubungkan informasi.
Tags HTML
Tag adalah instruksi yang disematkan langsung ke dalam teks dokumen.
tags HTML adalah sinyal ke program yang harus melakukan sesuatu selain hanya melempar teks ke layar. Semua label HTML dimulai dengan braket sudut (<) dan braket sudut dekat (>). Jenis Tag HTML.
Tag berpasangan
Tag dikatakan sebagai tag berpasangan jika tag tersebut, bersama dengan tag penutup atau tag pendamping.
- misalnya. Tag <b> dengan tag penutupnya </b> disebut sebagai tag berpasangan.
- misalnya. Tag <p> dengan tag penutupnya </p> disebut sebagai tag berpasangan.
Tag tunggal
Ini adalah jenis tag kedua dalam html. Tunggal berdiri untuk tag sendirian. Tag saja tidak memiliki tag penutupnya.
- misalnya. Tag <br> akan menyisipkan hentian baris tetapi tidak memiliki tag penutupnya, sehingga disebut sebagai tag tunggal.
- misalnya Tag <hr> akan menyisipkan garis even di halaman web tetapi tidak memiliki tag penutup sehingga disebut sebagai tag tunggal.
Label Tingkat Blok
Label yang menghasilkan jeda baris sebelum dan sesudahnya, disebut label level blok.
- misalnya. Tag <p> </p> adalah label level blok yang menghasilkan jeda baris.
- misalnya. <h1></h1>, <div></div>
Label Sebaris
Label yang tidak menghasilkan hentian baris disebut tag sebaris.
- misalnya. <b></b> tag adalah tag inline, itu adalah tag tebal yang tidak menghasilkan jeda baris.
- misalnya. <img> <span></span>.
Berbagai Jenis Tag HTML
- <!--> Tag komentar digunakan untuk menyisipkan komentar dalam kode sumber. Komentar tidak ditampilkan di browser.
- <!DOCTYPE> Semua dokumen HTML harus dimulai dengan deklarasi.<!DOCTYPE>
- <a> Tag mendefinisikan hyperlink, yang digunakan untuk menautkan dari satu halaman ke halaman lainnya.<a>
- <abbr> Tag mendefinisikan singkatan atau akronim, seperti "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".<abbr>
- <acronym> Tag digunakan dalam HTML 4 untuk menentukan akronim.<acronym> (Tidak Didukung dalam HTML5.)
- <address> Tag mendefinisikan informasi kontak untuk penulis/pemilik dokumen atau artikel.<address>
- <applet> Tag ini digunakan dalam HTML 4 untuk menentukan applet tertanam (Plug-in).<applet> (Tidak Didukung dalam HTML5.)
- <area> Tag mendefinisikan area di dalam peta gambar (peta gambar adalah gambar dengan area yang dapat diklik).<area>
- <article> Tag menentukan konten independen dan mandiri.<article>
- <aside> Tag mendefinisikan beberapa konten selain dari konten tempatnya ditempatkan.<aside>
- <audio> Tag digunakan untuk menyematkan konten suara dalam dokumen, seperti musik atau aliran audio lainnya.<audio>
- <b> Tag menentukan teks tebal tanpa kepentingan ekstra.<b>
- <base> Tag menentukan URL dasar dan/atau target untuk semua URL relatif dalam dokumen.<base>
- <basefont> Tag digunakan dalam HTML 4 untuk menentukan warna teks default, ukuran font atau font-keluarga untuk semua teks dalam dokumen HTML.<basefont>
- <bdi> BDI adalah singkatan dari Bi-Directional Isolation. Tag mengisolasi bagian teks yang mungkin diformat ke arah yang berbeda dari teks lain di luarnya.<bdi>
- <bdo> BDO adalah singkatan dari Bi-Directional Override. Tag digunakan untuk mengganti arah teks saat ini.<bdo>
- <big> Tag digunakan dalam HTML 4 untuk menentukan teks yang lebih besar.<big>
- <blockquote> Tag menentukan bagian yang dikutip dari sumber lain.<blockquote>
- <body> Elemen ini berisi semua konten dokumen HTML, seperti judul, paragraf, gambar, hyperlink, tabel, daftar, dll.<body>
- <br> Tag menyisipkan hentian satu baris.<br>
- <button> Tag menentukan tombol yang dapat diklik.<button>
- <canvas> Tag ini digunakan untuk menggambar grafik, dengan cepat, melalui scripting (biasanya JavaScript).<canvas>
- <caption> Tag mendefinisikan keterangan tabel.<caption>
- <center> Tag ini digunakan dalam HTML4 untuk meratakan teks di tengah.<center>
- <cite> Tag mendefinisikan judul karya kreatif (misalnya buku, puisi, lagu, film, lukisan, patung, dll.).<cite>
- <code> Tag ini digunakan untuk menentukan sepotong kode komputer. Konten di dalamnya ditampilkan dalam font monospace default browser. <code>
- <col> Tag ini berguna untuk menerapkan gaya ke seluruh kolom, alih-alih mengulangi gaya untuk setiap sel, untuk setiap baris.<col>
- <colgroup> Tag menentukan grup yang terdiri dari satu atau beberapa kolom dalam tabel untuk pemformatan.<colgroup>
- <data> Tag ini digunakan untuk menambahkan terjemahan yang dapat dibaca mesin dari konten tertentu.<data>
- <datalist> Tag menentukan daftar opsi yang telah ditentukan sebelumnya untuk elemen > <input>.<datalist>
- <dd> Tag ini digunakan untuk mendeskripsikan istilah/nama dalam daftar deskripsi.<dd>
- <del> Tag mendefinisikan teks yang telah dihapus dari dokumen. Browser biasanya akan membuat baris melalui teks yang dihapus.<del>
- <details> Tag menentukan detail tambahan yang dapat dibuka dan ditutup pengguna sesuai permintaan.<details>
- <dfn> Tag adalah singkatan dari "elemen definisi", dan menentukan istilah yang akan didefinisikan dalam konten.<dfn>
- <dialog> Elemen ini memudahkan untuk membuat dialog popup dan modal di halaman web.<dialog>
- <dir> Tag digunakan dalam HTML 4 untuk mencantumkan judul direktori.<dir>
- <div> Tag digunakan sebagai wadah untuk elemen HTML - yang kemudian ditata dengan CSS atau dimanipulasi dengan JavaScript.<div>
- <dl> Tag digunakan bersama dengan <dt> (mendefinisikan istilah/nama) dan <dd> (menjelaskan setiap istilah/nama).<dl>
- <dt> Tag digunakan bersama dengan <dl> (mendefinisikan daftar deskripsi) dan <dd> (menjelaskan setiap istilah/nama).<dt>
- <em> Tag ini digunakan untuk mendefinisikan teks yang ditekankan. Konten di dalamnya biasanya ditampilkan dalam huruf miring.<em>
- <embed> Tag menentukan kontainer untuk sumber daya eksternal, seperti halaman web, gambar, pemutar media, atau aplikasi plug-in.<embed>
- <fieldset> Tag digunakan untuk mengelompokkan elemen terkait dalam formulir.<fieldset>
- <figcaption> Elemen dapat ditempatkan sebagai anak pertama atau terakhir dari elemen <figure>.<figcaption>
- <figure> Tag menentukan konten mandiri, seperti ilustrasi, diagram, foto, daftar kode, dll.<figure>
- <font> Tag digunakan dalam HTML 4 untuk menentukan wajah font, ukuran font, dan warna teks.<font>
- <footer> Tag mendefinisikan footer untuk dokumen atau bagian.<footer>
- <form> Tag digunakan untuk membuat formulir HTML untuk input pengguna.<form>
- <frame> Tag digunakan dalam HTML 4 untuk menentukan satu jendela (bingkai) tertentu dalam <frameset>.<frame>
- <frameset> Tag digunakan dalam HTML 4 untuk menentukan frameset.<frameset>
- <h1> - <h6> Tag to digunakan untuk menentukan judul HTML.<h1><h6>
- <head> Elemen ini adalah wadah untuk metadata (data tentang data) dan ditempatkan di antara tag <html> dan tag <body>.<head>
- <header> Elemen ini mewakili kontainer untuk konten pengantar atau sekumpulan tautan navigasi.<header>
- <hr> Tag mendefinisikan jeda tematik di halaman HTML (misalnya pergeseran topik).<hr>
- <html> Tag mewakili akar dokumen HTML.<html>
- <i> Tag mendefinisikan bagian teks dalam suara atau suasana hati alternatif. Konten di dalamnya biasanya ditampilkan dalam huruf miring.<i>
- <iframe> Tag menentukan bingkai sebaris.<iframe>
- <img> Tag ini digunakan untuk menyematkan gambar di halaman HTML.<img>
- <input> Tag menentukan bidang input tempat pengguna dapat memasukkan data.<input>
- <ins> Tag mendefinisikan teks yang telah disisipkan ke dalam dokumen. Browser biasanya akan menggarisbawahi teks yang disisipkan.<ins>
- <kbd> Tag ini digunakan untuk menentukan input keyboard. Konten di dalamnya ditampilkan dalam font monospace default browser.<kbd>
- <label> Tag mendefinisikan label untuk beberapa elemen:<label>
- <legend> Tag mendefinisikan keterangan untuk elemen <fieldset>.<legend>
- <li> Tag digunakan di dalam daftar yang diurutkan (<ol>), daftar yang tidak berurutan (<ul>), dan dalam daftar menu (<menu>).<li>
- <link> Tag ini paling sering digunakan untuk menautkan ke lembar gaya eksternal atau untuk menambahkan favicon ke situs web Anda.<link>
- <main> Tag menentukan konten utama dokumen.<main>
- <map> Tag ini digunakan untuk menentukan peta gambar. Peta gambar adalah gambar dengan area yang dapat diklik.<map>
- <mark> Tag mendefinisikan teks yang harus ditandai atau disorot.<mark>
- <meta> Tag mendefinisikan metadata tentang dokumen HTML. Metadata adalah data (informasi) tentang data.<meta>
- <meter> Tag mendefinisikan pengukuran skalar dalam rentang yang diketahui, atau nilai pecahan. Ini juga dikenal sebagai pengukur.<meter>
- <nav> Tag mendefinisikan sekumpulan tautan navigasi.<nav>
- <noframes> Tag ini digunakan dalam HTML 4 untuk bertindak sebagai tag fallback untuk browser yang tidak mendukung frame.<noframes>
- <noscript> Tag menentukan konten alternatif yang akan ditampilkan kepada pengguna yang telah menonaktifkan skrip di browser mereka atau memiliki browser yang tidak mendukung skrip.<noscript>
- <object> Tag mendefinisikan kontainer untuk sumber daya eksternal.<object>
- <ol> Tag menentukan daftar yang diurutkan. Daftar yang diurutkan dapat berupa numerik atau abjad.<ol>
- <optgroup> Tag digunakan untuk mengelompokkan opsi terkait dalam elemen <pilihan> (daftar turun bawah).<optgroup>
- <option> Tag mendefinisikan opsi dalam daftar pilih.<option>
- <output> Tag digunakan untuk mewakili hasil perhitungan (seperti yang dilakukan oleh skrip).<output>
- <p> Tag mendefinisikan paragraf.<p>
- <param> Tag ini digunakan untuk menentukan parameter untuk elemen <object>.<param>
- <picture> Tag ini memberi pengembang web lebih banyak fleksibilitas dalam menentukan sumber daya gambar.<picture>
- <pre> Tag mendefinisikan teks yang telah diformat sebelumnya.<pre>
- <progress> Tag mewakili kemajuan penyelesaian tugas.<progress>
- <q> Tag mendefinisikan kutipan pendek.<q>
- <rp> Tag dapat digunakan untuk memberikan tanda kurung di sekitar teks ruby, untuk ditampilkan oleh browser yang tidak mendukung anotasi ruby.<rp>
- <rt> Tag mendefinisikan penjelasan atau pengucapan karakter (untuk tipografi Asia Timur) dalam anotasi ruby.<rt> (Gunakan bersama dengan <ruby> dan <rp>:)
- <ruby> Anotasi ruby adalah teks tambahan kecil, yang dilampirkan pada teks utama untuk menunjukkan pengucapan atau makna dari karakter yang sesuai. Anotasi semacam ini sering digunakan dalam publikasi Jepang.
- <s> Tag menentukan teks yang tidak lagi benar, akurat, atau relevan. Teks akan ditampilkan dengan garis melaluinya.<s>
- <samp> Tag ini digunakan untuk menentukan output sampel dari program komputer. Konten di dalamnya ditampilkan dalam font monospace default browser.<samp>
- <script> Elemen ini berisi pernyataan skrip, atau menunjuk ke file skrip eksternal melalui atribut src.<script>
- <section> Tag mendefinisikan bagian dalam dokumen.<section>
- <select> Elemen ini digunakan untuk membuat daftar drop-down.<select>
- <small> Tag mendefinisikan teks yang lebih kecil (seperti hak cipta dan komentar samping lainnya).<small>
- <source> Tag ini memungkinkan Anda untuk menentukan file video/audio/gambar alternatif yang dapat dipilih browser, berdasarkan dukungan browser atau lebar viewport. Browser akan memilih yang pertama didukungnya.<source><source>
- <span> Tag ini sangat mirip dengan elemen <div>, tetapi <div> adalah elemen tingkat blok dan merupakan elemen inline.<span><span>
- <strike> Tag ini digunakan dalam HTML 4 untuk menentukan teks coret.<strike>
- <strong> Tag ini digunakan untuk mendefinisikan teks dengan sangat penting. Konten di dalamnya biasanya ditampilkan dalam huruf tebal.<strong>
- <style> Tag ini digunakan untuk menentukan informasi gaya (CSS) untuk dokumen.<style>
- <sub> Tag mendefinisikan teks subskrip. Teks subskrip muncul setengah karakter di bawah garis normal, dan terkadang dirender dalam font yang lebih kecil, dapat digunakan untuk rumus kimia, seperti H<sub>2O.
- <summary> Tag mendefinisikan judul yang terlihat untuk elemen <details>. Judul dapat diklik untuk melihat/menyembunyikan detailnya.<summary>
- <sup> Tag mendefinisikan teks superskrip. Teks superskrip muncul setengah karakter di atas garis normal, dan terkadang dirender dalam font yang lebih kecil.
- <svg> Tag mendefinisikan kontainer untuk grafik SVG.<svg>
- <table> Tabel HTML terdiri dari satu elemen dan satu atau lebih elemen <tr>, <th>, dan <td>.<table>
- <tbody> Tag digunakan untuk mengelompokkan konten isi dalam tabel HTML.<tbody>
- <td> Tag mendefinisikan sel data standar dalam tabel HTML.<td>
- <template> Tag digunakan sebagai kontainer untuk menyimpan beberapa konten HTML yang disembunyikan dari pengguna saat halaman dimuat.<template>
- <textarea> Elemen ini sering digunakan dalam bentuk, untuk mengumpulkan masukan pengguna seperti komentar atau ulasan.<textarea>
- <tfoot> Tag ini digunakan untuk mengelompokkan konten footer dalam tabel HTML.<tfoot>
- <th> Tag mendefinisikan sel header dalam tabel HTML.<th>
- <thead> Tag digunakan untuk mengelompokkan konten header dalam tabel HTML.<thead>
- <time> Atribut elemen ini digunakan menerjemahkan waktu ke dalam format yang dapat dibaca mesin sehingga browser dapat menawarkan untuk menambahkan pengingat tanggal melalui kalender pengguna, dan mesin pencari dapat menghasilkan hasil pencarian yang lebih cerdas.datetime
- <title> Tag menentukan judul dokumen. Judul harus hanya teks, dan ditampilkan di bilah judul browser atau di tab halaman.<title>
- <tr> Tag mendefinisikan baris dalam tabel HTML.<tr>
- <track> Tag menentukan trek teks untuk elemen <audio> atau <video>.<track>
- <tt> Tag ini digunakan dalam HTML 4 untuk menentukan teks teletipe.<tt>
- <u> Tag mewakili beberapa teks yang tidak diartikulasikan dan ditata secara berbeda dari teks normal, seperti kata-kata yang salah eja atau nama yang tepat dalam teks bahasa Mandarin. Konten di dalamnya biasanya ditampilkan dengan garis bawah. Anda dapat mengubah ini dengan CSS (lihat contoh di bawah). <u>
- <ul> Gunakan tag bersama dengan tag <li> untuk membuat daftar yang tidak berurutan.<ul>
- <var> Tag ini digunakan untuk mendefinisikan variabel dalam pemrograman atau dalam ekspresi matematika. Konten di dalamnya biasanya ditampilkan dalam huruf miring.<var>
- <video> Tag digunakan untuk menyematkan konten video dalam dokumen, seperti klip film atau streaming video lainnya.<video>
- <wbr> Tag (Peluang Istirahat Kata) menentukan di mana dalam teks tidak apa-apa untuk menambahkan hentian baris.<wbr>
Itulah beberapa tag dalam html yang bisa saya bagikan kali ini, semoga bermanfaat dan menjadi referensi keterampilan html anda, Terimakasih.
Tags:
Learn 01 HTML