Beranda / HTML

Dasar HTML #Mengenal tag, element dan atribut pada HTML

Oleh Baca Dulu Posting Komentar

 YunusOffial-Nah dari postingan sebelum saya sudah membahas tentang pengenalan HTML, dasar-dasar HTML dan memilih text editor. Untuk artikel selanjutnya saya akan membahas tentang mengenal tag, element pada HTML. Ketiga penulisan merupakan sebuah penulisan komponen dasar yang harus kalian kuasai dalam membuat sebuh website. Oleh karena itu, kalian harus mempelajari ketiga penulisan ini jika kalian ingin memperdalami sebuah bahsa pemrograman.


Apa itu tag HTML?

Tag di dalam sebuah HTML adalah sebuah kode yang mengirimkan perintah tertentu  yang ada pada HTML yang akan di tampilkan pada sebuah layar monitor web browser. Perintahnya juga berbeda-beda, tergantung kita apa yang ingin di tampilkan pada di layar monitor web browser kita. Dalam penulisan tag, semuanya harus menggunakan tag pembuka dengan menggunakan karakter kurang dari dan lebih dari      (<'....... >) dan penutup juga sama menggunakan sebuah karakter kurang dari dan lebih dari tetapi untuk tag penutup ini ada tambahan satu karakter yaitu karakter atau  (< /........ >), dimana objek yang kita perintahkan berada di dalam sebuah tag pembuka dan penutup. 

 berikut ini adalah contoh dari sebuah tag pembuka (<......>) dan penutup</.....> sebagai berikut :

  • <p>.................... </p>
  • <b>.....................</b>
  • <br>....................</br>
  • <hr>....................</hr>
Ini merupkan sebuah contoh dari sebuah tag pembuka (< >) dan penutup (< / >) dan masih banyak tag-tag lain-nya yang bisa kalian pilih untuk menampilkan sebuah text dalam layar monitor web browser kalian dengan sesuai selera masing-masing. Untuk tanda titik-titiknya itu ialah sebuah element yang bisa kalian isi dengan sesuai dengan hati nurani kalian. karena itulah, yang akan di tampilkan di layar monitor web browser kalian natinya.

berikut ini adalah contoh penulisan tag yang salah :
  • <p>........................</P>
  • <b>........................<b>
  • <br>.......................</br
  • <hr>.......................
Tag ini bisa diartikan sebagai perintah dalam bahasa markup HTML. Untuk sebab itu kita sebagai penulis harus benar-benar teliti. karena, tag dalam HTML ini merupakan tag yang in-case sensitive. seperti yang sudah di contohkan di atas maka jika kita lihat di web browser tidak akan muncul apa yang kita perintahkan. 

Apa itu element HTML

Element HTML merupakan dari isi suatu objek yang berada pada tag atau sebuah karakter yang berada di dalam sebuah tag (dari tag pembuka sampai tag penutup).

Contohnya adalah di bawah ini :
  • <p>"ini adalah sebuah paragraf"</p>
  • <b>"ini adalah membuat tulisan tebal"</b>
  • <br>"untuk membuat sebuah garis baru"</br>
  • <hr>"untuk membuat garis horizontal"</hr>
  • <img>"untuk memasukan gambar"</img>
Nah, untuk tulisan yang berkarakter tanda kutip ("") itu termasuk ke dalam sebuah element. Intinya apa saja yang berada di dalam sebuah tag itu adalah sebuah element.

Untuk element pada HTMl ini terbagi mejadi 5  bagian di bawah ini adalah sebagai berikut :

  • Parent Element
Parent element adalah sebuah element yang sudah memiliki element lagi di dalamnya tepat satu tingakatan. 

Untuk lebih jelasnya kalian bisa lihat gambar kode di bawah ini:


Jadi, dalam study kasus di atas adalah tag <head> itu sebagai paent element dari tag titile. Tag <body> juga merupakan parent element dari tag <ul>. Tetapi, kalian perlu di ingat bahwa tag <body> bukan merupakan parent element dari tag <li>.

  • Child Element
Child element itu adalah sebuah cabang dari sebuah parent element. 

Untuk lebih jelasnya kalian bisa lihat gambar kode di bawah ini:


Jadi, dari gambar di atas, tag <title>adalah  child element dari tag <head>. Begitu pula dengan tag lainya. Tetapi tag <li> ini tetap bukan dari child element dari tag <body>, melainkan dari tag <ul>. karena tag <li> bukan suatu cabang dari tag <body> 
  • Sibling Element
Sibling element adalah element yang memiliki saudara kandung.
Untuk lebih jelasnya kalian bisa lihat gambar kode di bawah ini:


Jadi, tag <ol> dan tag <ul> adalah sibling element. karena, berada langsung di dalam tag <body>. Berbeda dengan tag <ol> dengan tag <ul>, mereka ini sekanlah sibling element. 

  • Ancestor Element
Ancestor itu leluhur. Jadi, Ancestor element itu adalah sebuah element yang di dalam element terdapat element lain. 

langsung saja kita lihat contohnya di bawah ini:


Jadi, tag <html> itu merupakan ancestor dari tag <head>, <title>, <body>, <ol>, <ul>, <li>, dan apapun saja yang berada di dalam tag <html>.
  • Descendant Element
Descendant element adalah sebuah keturunan dari element lain.

lebih jelasnya kita langsung syntax di bawah ini:


Jadi, tag <strong> merupakan descendant element dari tag <li>, <ul>, <body>, dan <html>. perlu di ingat bahwa tag <strong> bukan lah descendant dari tag <ol> dan <head>. karena tag <strong> tidak berada dalam tag <ol> maupun<head>

Atribut HTML

Atribut HTML adalah sesuatu yang di tambahkan pada tag supaya tag tersebut mejadi lebih memiliki nilai. Kunci dari suatu atribut adalah name="value". jika terdapat name="value" pada suatu tag, maka bisa dikatakan tag tersebut memiliki atribut.

Contoh penggunaan atribut sebagai berikut :
  • <hr widht="100%">
Nah, untuk widht="100%" itu adalah atribut dari tag <hr/> yang artinya akan di beri widht yang artinya lebar dengan sebanyak 100%. 








Tidak ada komentar untuk "Dasar HTML #Mengenal tag, element dan atribut pada HTML"

Posting Komentar