Macam Macam Tag Tag Html Dan Fungsinya Lengkap
Pengertian HTML
Belajar HTML untuk para pemula sanggup dibilang gampang sanggup diblang susah sebelum kita mencar ilmu mendalam HTML kita harus apa itu HTML dan apa saja fungsinya. HTML yaitu unsur dasar untuk untuk membangun pondasi atau mendirikan sebuah website. Tidak hanya bangunan menyerupai rumah gedung ataupun sekolah, Web pun juga membutuhkan pondasi yang kuat, alasannya pada sebuah website yang sering kita kunjungi terbuat dari kumpulan bahasa HTML.
Pengertian HTML
Hyper Text Markup Language atau yang biasa kita sebut dengan HTML yaitu sebuah bahasa Pemogramman yang dipakai untuk menciptakan sebuah halaman website. Didalam dunia pemograman berbasis website (web Programming), Bahasa HTML merupakan dasar pertama untuk membangun sebuah website, File HTML sanggup kita simpan dengan format(ekstensi) .html dan sanggup kita saluran memakai web browser menyerupai Google Chrome, Mozila Firefox, Opera, IE(Internet Explorer), Safari dan web browser lainnya. Bila kita ingin menciptakan sebuah website tidak cukup hanya dengan HTML saja kita juga memerlukan CSS, PHP, dan juga JavaScript untuk menciptakan halaman website yang dinamis, jikalau hanya memakai bahasa HTML saja maka halaman website kita terlihat statis alasannya tidak mempunyai fungsi � fungsi yang sanggup mengelola website. Tentu developer akan sangat kesulitan dengan harus mengganti file HTML bila ingin meng-update artikel baru.
Kegunaan HTML
- Membuat heading atau Judul.
- Membuat tabel.
- Membuat list.
- Membuat paragraf.
- Membuat Form.
- Membuat tombol.
- Membuat abjad menjadi tebal.
- Membuat abjad menjadi miring.
- Menampilkan gambar.
- Menampilakan video.
Dan masih banyak lagi yang sanggup di buat oleh bahasa HTML. Saat ini HTML sudah hingga pada versi 5. HTML5 sudah mempunyai aneka macam fitur komplemen salah satunya, HTML5 memungkinkan kita untuk menciptakan streaming video tanpa santunan Adobe Flash.
Bentuk Umum HTML
Untuk mencar ilmu HTML dasar sebaiknya Anda ketikkan di Notepad, selain di notepad kalian juga sanggup menuliskan instruksi kode html di software lainnya menyerupai : sublime text, Notepad ++, dan lainnya. Sekarang coba ketikan atau kalian copy instruksi html dibawah ini:
Setelah dicopy kalian paste di notepad kemudian Anda simpan dengan nama latihan.html. Untuk mengeceknya kalian cuku dengan double click(2x klik) pada file html yang telah kalian simpan.
Hasilnya akan menyerupai ini sesudah di jalankan di web browser.
Sekarang coba anda ketikan atau copy-paste Perinta HTML dibawah ini kemudian salin kedalam notepad dan simpan dengan nama latihan2.html.
Jika benar, seharusnya akan tampilkan menyerupai dibawah ini:
Jika benar, seharusnya akan tampilkan menyerupai dibawah ini:
Perhatikan perintah HTML berikut ini
< p> yaitu Tag
align yaitu Atribut
Left yaitu Value atau Nilai.
P pada perintah di atas disebut dengan tag, sedangkan align disebut dengan atribut. Atribut merupakan perintah yang menyertai tag.
< p> yaitu Tag
align yaitu Atribut
Left yaitu Value atau Nilai.
P pada perintah di atas disebut dengan tag, sedangkan align disebut dengan atribut. Atribut merupakan perintah yang menyertai tag.
Berikut beberapa perintah HTML dan fungsinya :
| <!DOCTYPE> | Tag untuk memilih tipe dokumen |
| <html> | Tag untuk menciptakan sebuah dokumen HTML |
| <title> | Tag untuk menciptakan judul dari sebuah halaman |
| <body> | Tag untuk menciptakan badan dari sebuah halaman |
| <h1> to <h6> | Tag untuk menciptakan heading |
| <p> | Tag untuk menciptakan paragraf |
| <br> | Memasukan satu baris putus |
| <hr> | Tag untuk menciptakan perubahan dasar kata didalam isi |
| <!--...--> | Tag untuk menciptakan komentar |
| <acronym> | Tag untuk menciptakan sebuah singkatan (tidak disupport lagi di HTML5) |
| <abbr> | Tag untuk menciptakan sebuah singkatan |
| <address> | Tag untuk menciptakan kontak alamat |
| <b> | Tag untuk menciptakan abjad bercetak tebal |
| <bdi> | Mengisolasi bab dari teks yang sanggup diformat dalam arah yang berbeda dari teks lain di luarnya (tag gres HTML5) |
| <bdo> | Mengganti arah teks |
| <big> | Tag untuk menciptakan text berhuruf besar (tidak disupport lagi di HTML5) |
| <blockquote> | Tag untuk menciptakan sebuah bab text yang dikutip dari sumber lain |
| <center> | Tag untuk menciptakan jajaran teks menjadi ditengah (tidak disupport lagi di HTML5) |
| <cite> | Tag untuk menciptakan judul karya |
| <code> | Tag untuk menciptakan pecahan instruksi komputer di antara text |
| <del> | Tag untuk menciptakan teks yang telah dihapus dari dokumen |
| <dfn> | Tag untuk menciptakan sebuah istilah definisi |
| <em> | Tag untuk menciptakan pementingan teks (tidak disupport lagi di HTML5) |
| <font> | Tag untuk menciptakan font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5) |
| <i> | Tag untuk menciptakan sebuah bab dari teks yang diubahsuaikan dengan mood |
| <ins> | Tag untuk menciptakan teks yang telah dimasukkan ke dalam dokumen |
| <kbd> | Tag untuk menciptakan input keyboard |
| <mark> | Tag untuk menciptakan teks yang disorot / ditandai (tag gres HTML5) |
| <meter> | Tag untuk menciptakan pengukuran skalar |
| <pre> | Tag untuk menciptakan teks terformat |
| <progress> | Memperlihatkan kemajuan kiprah (tag gres HTML5) |
| <q> | Tag untuk menciptakan kutipan pendek |
| <rp> | Tag untuk menciptakan apa yang harus ditampilkan di browser yang tidak mendukung klarifikasi ruby (tag gres HTML5) |
| <rt> | Tag untuk menciptakan sebuah anotasi / pengucapan karakter (untuk tipografi Asia Timur) |
| <ruby> | Tag untuk menciptakan sebuah anotasi ruby (untuk tipografi Asia Timur) (tag gres HTML5) |
| <s> | Tag untuk menciptakan teks yang tidak lagi benar |
| <samp> | Tag untuk menciptakan pola keluaran dari kegiatan komputer |
| <small> | Tag untuk menciptakan teks kecil |
| <strike> | Tag untuk menciptakan teks yang di coret tengah (tidak disupport lagi di HTML5) |
| <strong> | Tag untuk menciptakan teks penting |
| <sub> | Tag untuk menciptakan teks subskrip (seperti dalam penulisan Jat Kimia) |
| <sup> | Tag untuk menciptakan teks superscripted (seperti dalam penulisan akar kuadrat) |
| <time> | Tag untuk menciptakan tanggal / waktu (tag gres HTML5) |
| <tt> | Tag untuk menciptakan teks teletype (tidak disupport lagi di HTML5) |
| <u> | Tag untuk menciptakan teks yang mempunyai Gaya yang berbeda dari teks biasa lainnya |
| <var> | Tag untuk menciptakan sebuah variabel |
| <wbr> | Tag untuk menciptakan kemungkinan garis-putus |
| <form> | Tag untuk menciptakan sebuah form HTML untuk input pengguna |
| <input> | Tag untuk menciptakan sebuah kontrol input |
| <textarea> | Tag untuk menciptakan sebuah kontrol input multibaris (text area) |
| <button> | Tag untuk menciptakan sebuah tombol yang sanggup diklik |
| <select> | Tag untuk menciptakan sebuah daftar drop-down |
| <optgroup> | Tag untuk menciptakan sebuah kelompok pilihan yang terkait dalam daftar drop-down |
| <option> | Tag untuk menciptakan pilihan dalam daftar drop-down |
| <label> | Tag untuk menciptakan sebuah label untuk sebuah elemen <input> |
| <fieldset> | Grup unsur terkait dalam bentuk |
| <legend> | Tag untuk menciptakan sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details> |
| <datalist> | Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag gres HTML5) |
| <keygen> | Tag untuk menciptakan key-pair generator kolom input (tag gres HTML5) |
| <output> | Tag untuk menciptakan hasil penghitungan (tag gres HTML5) |
| <frame> | Tag untuk menciptakan sebuah window (bingkai) dalam sebuah frameset (tidak disupport lagi di HTML5) |
| <frameset> | Tag untuk menciptakan satu set bingkai (tidak disupport lagi di HTML5) |
| <noframes> | Tag untuk menciptakan sebuah konten alternatif untuk pengguna yang tidak mendukung frame (tidak disupport lagi di HTML5) |
| <iframe> | Tag untuk menciptakan sebuah bingkai |
| <img> | Tag untuk menciptakan gambar |
| <map> | Tag untuk menciptakan gambar-peta |
| <area> | Tag untuk menciptakan area dalam gambar-peta |
| <canvas> | Digunakan untuk menggambar grafik, melalui scripting (JavaScript ) (tag gres HTML5) |
| <figcaption> | Tag untuk menciptakan sebuah caption untuk elemen <figure> (tag gres HTML5) |
| <figure> | Menentukan konten berdikari (tag gres HTML5) |
| <audio> | Tag untuk menciptakan isi bunyi (tag gres HTML5) |
| <source> | Tag untuk menciptakan sumber beberapa media untuk elemen media (<video> dan <audio>) (tag gres HTML5) |
| <track> | Tag untuk menciptakan trek teks untuk elemen media (<video> dan <audio>) (tag gres HTML5) |
| <video> | Tag untuk menciptakan sebuah video atau film (tag gres HTML5) |
| <a> | Tag untuk menciptakan hyperlink |
| <link> | Tag untuk menciptakan kekerabatan antara dokumen dan sumber daya eksternal (paling sering dipakai untuk link ke style sheet) |
| <nav> | Tag untuk menciptakan navigasi link (tag gres HTML5) |
| <ul> | Tag untuk menciptakan daftar dengan selain nomor |
| <ol> | Tag untuk menciptakan daftar dengan nomor |
| <li> | Tag untuk menciptakan sebuah item daftar |
| <dir> | Tag untuk menciptakan sebuah daftar direktori (tidak disupport lagi di HTML5) |
| <dl> | Tag untuk menciptakan sebuah daftar definisi |
| <dt> | Tag untuk menciptakan istilah (item) dalam daftar definisi |
| <dd> | Defines a description of an item in a definition list |
| <menu> | Tag untuk menciptakan deskripsi dari item dalam daftar definisi |
| <command> | Tag untuk menciptakan sebuah tombol perintah bahwa seorang pengguna sanggup meminta (tag gres HTML5) |
| <table> | Tag untuk menciptakan tabel |
| <caption> | Tag untuk menciptakan sebuah caption tabel |
| <th> | Tag untuk menciptakan sebuah sel header tabel |
| <tr> | Tag untuk menciptakan baris dalam sebuah tabel |
| <td> | Tag untuk menciptakan sel dalam sebuah tabel |
| <thead> | Mengelompokan isi header dalam sebuah tabel |
| <tbody> | Mengelompokanisi badan dalam sebuah tabel |
| <tfoot> | Mengelompokan isi footer dalam sebuah tabel |
| <col> | Menentukan properti kolom untuk setiap kolom dalam elemen <colgroup> |
| <colgroup> | Menentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat |
| <style> | Tag untuk menciptakan informasi style untuk dokumen |
| <div> | Tag untuk menciptakan sebuah bab dalam dokumen |
| <span> | Tag untuk menciptakan sebuah bab dalam dokumen |
| <header> | Tag untuk menciptakan sebuah header untuk dokumen atau bab (tag gres HTML5) |
| <footer> | Tag untuk menciptakan footer untuk dokumen atau bab (tag gres HTML5) |
| <hgroup> | Pengelompokan elemen heading (<h1> hingga <h6>) (tag gres HTML5) |
| <section> | Tag untuk menciptakan bab dalam dokumen (tag gres HTML5) |
| <article> | Tag untuk menciptakan sebuah artikel (tag gres HTML5) |
| <aside> | Tag untuk menciptakan konten lain selain dari konten halaman (tag gres HTML5) |
| <details> | Tag untuk menciptakan rincian komplemen yang pengguna sanggup lihat atau sembunyikan (tag gres HTML5) |
| <dialog> | Tag untuk menciptakan sebuah kotak obrolan atau jendela (tag gres HTML5) |
| <summary> | Tag untuk menciptakan sebuah judul terlihat untuk elemen <detil> (tag gres HTML5) |
| <head> | Tag untuk menciptakan informasi wacana dokumen |
| <meta> | Tag untuk menciptakan metadata wacana dokumen HTML |
| <base> | Menentukan URL dasar / sasaran untuk semua URL relatif dalam dokumen |
| <basefont> | Menentukan standar warna, ukuran, dan font untuk semua teks dalam dokumen (tidak disupport lagi di HTML5) |
| <script> | Tag untuk menciptakan script di sisi klien |
| <noscript> | Tag untuk menciptakan sebuah konten alternatif bagi pengguna yang tidak mendukung script di sisi klien |
| <applet> | Tag untuk menciptakan sebuah java applet yang ditanam (tidak disupport lagi di HTML5) |
| <embed> | Tag untuk menciptakan sebuah wadah untuk aplikasi eksternal (non-HTML) (tag gres HTML5) |
| <object> | Tag untuk menciptakan sebuah objek yang ditanam |
| <param> | Tag untuk menciptakan sebuah parameter untuk objek |
Sekian untuk pembahasan dari saya mengenai HTML dasar, Bila kalian ingin mencar ilmu lebih dalam wacana Cara penulisannya dan sebagainya kalian sanggup mengunjungi website yang sering saya kunjungi untuk mempelajari bahasa pemograman web.
Web nya yaitu : w3schools
Atau bagi kalian yang ingin mencar ilmu HTML dasar melalui vidio sanggup di klik Details dibawah ini :
Atau bagi kalian yang ingin mencar ilmu HTML dasar melalui vidio sanggup di klik Details dibawah ini :
0 Response to "Macam Macam Tag Tag Html Dan Fungsinya Lengkap"
Post a Comment