Nah kembali lagi nih sama mimin, Kalo di Tutorial ke - 4 kemarin kita udah bisa jalanin file HTML dengan menggunakan web browser kali ini kita bakalan ngebahas tentanf yang namanya tag, elemen , dan atribut di HTML. tiga - tiga nya adalah hal yang dasar yang ada di semua website di internet.
TAG dalam HTML
Sebagai markup, HTML memerlukan cara but ngasih tau si web browser tentang fungsi dari text. Akan kah text itu kita tulis dalam bentuk paragraf, list atau sebagai link? nah di HTML tanda - tanda ini biasanya disebut dengan Tag.
Di dalam HTML semua tag di tulis dengan berpasangan, yaitu tag pembuka dan tag penutup, dimana object yang berata di antara tag pembuka dan tag penutup. Object juga bisa beruma gambar, text, atau video. Dan cara menulis tag ada di antara tanda kurung siku : " < dan > ".
Dan berikut ini cara dasar menulis tag di HTML:
<tag_pembuka>Object</tag_penutup>
Contohnya coba di perhatikan ya brosist:
* <p> ini tag pembuka, contoh p itu adalah paragraf.
* </p> dan ini adalah tag penutup. yang bedanya hanya ada pada tanda (/) atau forward slash.
Nah kalo kita lupa ngasihi tag penutup, biasanya browser bakalan mangfaatin kesalahan kita ini dengan memunculkan hasil yang seolah -olah kalau kita menulis tag penutup. Meskipun ini keliatan mudah, tapi ternyata bisa bikin bingung juga.
Contoh yang lainya , kalo kita mau ngebuat text yang bermotif bold/tebal serta italic/miring di HTML kita bisa menulisnya seperti ini:
1 | <p> Ini Paragraf. <i> Cuman kumpulan dari kalimat</i> .
2 | Paragraf ini mengandung <b>tiga kalimat</b></p> .
Tag <i> disini berperan dan berfungsi untuk membuat text yang kita tulis di dalamnya menjadi miring dan i sndiri disingkat dari italic, <b> dalah tag untuk membuat text menjadi bold atau tebal.
Ada beberapa pengecualian yang ga berpasangan , contohnya <br> ini di gunakan untuk break (berpindah baris) <hr> Ini digunakan untuk membuat garis yang horizontal. Tag ini juga biasanya di katakan sebagai self closing tag atau void tag, dan cara menulisnya bisa dengan <br>, atau <br/>.
HTML tidak case-sensitif, yang artinya di dalam penulisan <p> bisa dianggap sama dengan <P>.
PENGERTIAN ELEMENT DALAM HTML
element sendiri merupakan isi dari tag yang berada di antara tag pembuka dan tag penutup, contohnya seperti ini:
1 | <p> ini cuman satu <em>doang</em> </p>
Nah di contoh ini, <p> ini cuman satu <em>doang</em> </p> adalah elemen "p".
PENGERTIAN DARI ATRIBUT DI HTML
atribut itu info tambahan yang di berikan ke tag. Info ini dapart berupa intruksi yang bisa memberi warna di text, besar kecilnya huruf pada text, dan lain - lain. Dan masing - masing atribut juga memiliki pasangan nama dan Value (nilai), dan biasanya di tulis denan name="value". Nilai atau value ini biasanya berada diantara tanda kutip satu (') atau dua (").
Contohnya seperti ini :
1 | <a href="http://www.togelbola88.com">ini adalah sebuah link bagus</a>
nah di kode yang tertulis barusan, href="http//www.togelbola88.com" adalah atribut. Dan href adalah nama dari atribut itu.
Engga semua tag sih bperlu pake atribut, tapi kita bakalan sering ngeliat tag beserta dengan atribut. apalagi atribut id dan class yang sering banget dipakai untuk memanipulasi website menggunakan Javascript dan CSS.
HTML juga punya atribut - atribut yang cocok di gunakan untuk tag - tag tertentu saja. Contohnya, "href" di pakai untuk tag <a> aja (dan ada juga tag lainya). Nah untuk mengulas lebih lanjut lagi tentang atribut seperti href ini, nanti bakalan kita bahas di tutorial selanjutnya ya :D dan di tutorial selanjut nya selain kita bakal ngebahas sedikit tentang href kita juga bakalan belajar tentang struktur dasar yang ada di halaman HTML.
No comments:
Post a Comment