#HTML

Belajar HTML Dasar #3 - Tag HTML

Fahras Nur Hidayat
blog thumbnails

Tag HTML

Hai Sobat Koding ... 😎

Kali ini kita akan membahas artikel yang tidak kalah penting dari artikel sebelumnya, pasti sobat yang masih awam dengan HTML bingung Apa itu Tag HTML dan apa Fungsinya.

Ayo kita simak penjelasan berikut, ohh iyaa jangan lupa siapin kopi atau teh biar pada ga ngantuk 😁

...

Jadi, Apa Itu Tag dalam HTML?

Ketika kita bekerja menggunakan HTML, kita membutuhhkan metode agar web browser mengenali tanda yang ditulis di awal atau mengampit teks

sehingga teks itu menampilkan sesuai dengan apa yang kita inginkan seperti sebuah paragraf, ordered list, table, link, dan sebabagainya.

Dalam HTML, tanda-tanda ini dikenal dengan sebuah <b> Tag </b>.

Selain itu kita juga harus tau ciri-ciri Tag pada HTML sebagai berikut :

  1. Sebagian besar ditulis berpasangan yang kemudian disebut Tag pembuka dan Tag penutup.
  2. Penulisan tag ditandai dengan dua kurung siku, yaitu < dan >.
  3. Khusus untuk penutupnya, diberi tambahan tanda garis miring seperti />.
  4. Teks di antara tag pembuka dan tag penutup itu sering disebut dengan istilah elemen.

Berikut merupakan format dasar penulisan tag HTML :

<tag_pembuka> Tulis teks disini <tag_penutup>

Sebagai contoh, perhatikan sepotong kode HTML berikut :

<p> Halo Sobat Koding 😁 ! </p>

Pada contoh diatas, tag <p> merupakan tag pembuka untuk membuat paragraf baru, sedangkan </p> adalah tag penutup paragraf.

Dengan demikian, teks yang ditulis sesusah tag </p> tidak lagi diangap sebagai paragraf.

Perbedaan tag penutup dengan tag pembuka terletak dari tanda garis miring (/).

Contoh lainnya adalah sebagai berikut :

  
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <title>Belajar mengenali Tag (Kodingnesia)</title>
      </head>
      <body>
        <p>Hai sobat <i>koding</i>, ayo kita belajar <b>HTML</b></p>
      </body>
    </html>
  

Hasil dari kode HTML di atas akan ditampilkan oleh browser seperti ini :

Hasil Tag

Ada beberapa tag yang digunakan untuk membuat sebaris tulisan di atas, antara lain :

  1. Tag <p> pada HTML Code berfungsi untuk memberi tanda bagi browser untuk menampilkan teks sebagai sebuah paragraf.
  2. Tag <i> menampilkan teks dalam bentuk miring (italic).
  3. Tag <b> untuk menebalkan tulisan (bold)

Selain tag diatas masih banyak lagi loh tag yang harus kita ketahui. Jadi itu dia penjelasan tentang Tag beserta Fungsinya semoga paham. See u next time, jangan malas membaca yaa 😁 .