Selamat datang kembali di web programming unpas. Dalam video kali ini saya akan bahas mengenai tag HTML, mengenai bagaimana cara pembuatannya, strukturnya, dan tag-tag apa saja yang bisa kita tulis di dalam bagian-bagian HTML. Tag itu adalah kode dalam HTML di mana kita menuliskan tanda lebih kecil dari, lalu nama tag-nya apa, diakhiri dengan lebih besar dari.
Tag itu ada yang berpasangan, ada yang tidak. Biasanya tag yang berpasangan itu memiliki tag pembuka dan tag penutup. Tag penutup itu memiliki garis miring di depan nama tag-nya.
Ini adalah struktur dasar dari HTML yang kita sudah pelajari, di mana di dalamnya terdapat talk type, HTML, head, dan body. Yang akan kita bahas kali ini adalah tag-tag apa saja yang bisa ada di dalam head, dan tag-tag apa saja yang bisa ada di dalam body. Kita bahas dulu. Yang pertama yang ada di dalam tag head ini. Di bagian head, ada beberapa hal yang bisa kita simpan.
Yang pertama adalah judul halaman yang sudah kita coba di video sebelumnya, yaitu menggunakan tag title, di mana apapun yang kita tulis di tengah tag ini akan menjadi judul di dalam tab di browsernya. Lalu yang kedua yang bisa kita simpan adalah CSS dengan menggunakan tag style. Lalu javascript dengan menggunakan tag script.
Dan yang terakhir, di dalam head kita bisa simpan metadata dengan menggunakan tag meta. Metadata ini penting untuk mendeskripsikan website kita. Contohnya seperti ini.
Jadi ada beberapa penjelasan. Yang pertama kita bisa menuliskan charset atau charset atau karakter set ini untuk encodingnya. Jangan dulu bingung encoding itu apa, nanti kita bahas belakangan. Lalu deskripsi dari website kita, keyword dan authornya atau pembuatnya siapa. Ini penting juga untuk search engine agar dapat dengan mudah mengidentifikasi website kita.
Itu adalah tag-tag yang ada di dalam head. Selanjutnya ini yang penting adalah tag-tag apa saja yang bisa ada di dalam body. Tag-nya cukup banyak, yang akan saya ulas hanya beberapa di video ini, nanti detailnya.
kita akan bahas di video-video selanjutnya. Baik, ini adalah yang bisa kita tulis di body. Yang pertama untuk text, kita bisa simpan apa yang disebut dengan heading. Heading itu HTML punya ada 6 level, mulai dari heading 1 yang paling besar, lalu heading 6 yang paling kecil.
Untuk menuliskan paragraph, kita udah coba dengan menggunakan tag P. Ada pendukung untuk text, Ini adalah tag-tagnya, BR untuk menambahkan baris baru, HR untuk menambahkan garis horizontal, ada EM dan strong. Ini detailnya kita akan bahas di video berikutnya setelah ini. Lalu, untuk menyimpan gambar menggunakan tag IMG atau image. Untuk menyimpan hyperlink itu menggunakan tag A atau anchor.
Lalu, untuk membuat list atau kalau di Microsoft Word biasanya kita gunakannya bullets and numbering. Itu ada ul untuk unordered list atau list tidak terurut, jadi ada yang titik, ada yang garis, ada yang panah. Lalu ada ol untuk ordered list, di mana di dalam ul dan ol itu nanti terdapat li atau list item. Dan ada dl untuk definition list. Nanti ini juga saya akan buatkan satu video khusus.
Di dalam body juga kita bisa simpan tabel, menggunakan tag-nya table, lalu form beserta elemen-elemen. Di dalamnya, kita nanti punya tag form, di mana di dalamnya boleh punya input atau text field. Kita bisa punya combo box atau select button dan lain sebagainya. Lalu di body juga kita bisa simpan javascript menggunakan tag script.
Dan kita juga bisa simpan objek. Objek ini biasanya objek multimedia. Jika kalian ingin menyimpan flash misalkan, bisa menggunakan objek. Lalu ada tag untuk melakukan grouping. Jadi nanti kita akan melakukan group pada tag-tag yang ada dalam HTML menggunakan tag div dan span.
Ini juga penting kalau kita nanti belajar CSS ya. Lalu ada juga tag komentar. Ini komentar juga cukup penting. Biasakan untuk menyimpan komentar di dalam halaman web kalian ya. Tiap-tiap bahasa punya tag komentar sendiri-sendiri.
Untuk HTML menggunakan tanda lebih kecil, tanda seru, lalu minus 2 kali. Diakhiri dengan... minus 2 kali lalu lebih besar nah tag komentar ini tidak akan tampil di browser ini adalah untuk developer aja begitu nanti dia buka lagi webnya lihat source codenya, dia bisa tahu ini baris untuk apa, baris ini untuk apa Ya, karena mungkin kalau kalian sekarang mengerjakan sebuah web, itu mungkin bisa paham.
Tapi 2 bulan, 3 bulan, bahkan setahun berikutnya, nanti kalian bisa lupa baris ini buat apa. Komentar adalah tag yang bisa membantu mengingat kita lagi. Nah, sekarang kita lihat struktur dari sebuah tag. Karena tag itu memiliki struktur, nggak cuma nama tag-nya saja. Strukturnya begini.
Jadi, diawali dengan nama tag. Tadi kita sudah coba ya. Dan boleh. Ada atributnya, lalu setiap-tiap atribut itu punya sebuah nilai atau value.
Jadi ini struktur dari tag HTML. Contohnya begini, saya punya tag body, ini adalah nama tag-nya. Lalu saya punya atribut yang namanya bg-color, di mana fungsi dari bg-color ini adalah untuk merubah warna background dari body.
Dan nilai atau value-nya adalah light blue. Jadi nanti halaman web saya, Warna background untuk bodinya akan berubah menjadi biru terang Seperti ini Walaupun nanti ini tidak saya sarankan Karena begitu kita tulis sebagai color sama dengan light blue Artinya kita memberi warna pada halaman Dan pemberian warna itu adalah tugas dari CSS Tapi ini contoh menuliskan attribute dan value Sebuah tag boleh saja memiliki lebih dari satu attribute Ini contohnya Jadi body tadi punya bg color Lalu dia juga punya id, dia juga punya kelas. Jadi boleh nggak punya atribut sama sekali atau banyak atributnya, jadi nggak apa-apa. Tiap-tiap tag itu punya atribut yang default atau yang global gitu ya. Yang sama semua tag punya.
Kita sebut dengan atribut global. Apa saja atributnya? Ini.
Jadi ada yang pertama, tiap-tiap tag itu boleh punya atribut access key. Fungsinya adalah untuk menentukan elemen ini bisa diakses menggunakan keyboard atau shortcut. Lalu class dan ID.
Ini kita bisa kasih satu elemen, kita kasih tanda dia kelasnya apa atau ID-nya apa. Lalu dir, ini untuk menentukan arah tulisannya, direction. Lang untuk language. Style itu untuk menyisipkan inline CSS, nanti kita bahas lebih lanjut di CSS.
Lalu untuk tab index, itu untuk menentukan urutan, kalau kita membuat form, misalkan urutan, pada saat kita pencet tab, setelah itu fokus kursornya pindah kemana, itu gunakan tab index. Dan yang terakhir, title untuk memberi judul pada sebuah elemen. Kalau ingin lihat lebih detail atribut lengkapnya, kalian bisa kunjungi website ini. www.w3school.com slash tags baik mungkin itu dulu untuk video kali ini saya Sandika Gali, terima kasih