Programming

Tag-Tag Dasar HTML Yang Sering Digunakan

Resa Risyan13.6K views

Tag-Tag HTML

Halo Sob! setelah kalian mempelajari bagaimana Cara Membuat Kerangka HTML dalam postingan sebelumnya. Artikel yang admin buat kali ini akan menjelaskan Tag-Tag Dasar HTML Yang Sering Digunakan. Sebanarnya semua tag-tag html itu sangat dibuthkan untuk digunakan di pemrograman website tergantung kebutuhan kita dalam memakainya, karena semua tag-tag itu mempunyai kegunaannya masing-masing. Dan disini admin hanya akan membahas tag dasarnya saja. Oke langsung saja kita ke pembahasannya Cekidot!

Pengertian Tag

Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa fungsi sebuah text. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai link. Dalam HTML, tanda ini dikenal dengan istilah tag.

Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada diantara tag pembuka dan tag penutup. Objek disini dapat berupa text, gambar, maupun video. berikut contoh tag html dan penulisannya.

Tag Dasar HTML

Nama Tag Fungsi
Dasar
<!DOCTYPE> Tag untuk menentukan tipe dokumen
<html> Tag untuk membuat sebuah dokumen HTML
<title> Tag untuk membuat judul dari sebuah halaman
<body> Tag untuk membuat tubuh dari sebuah halaman
<!–…–> Tag untuk membuat komentar di text editor
<h1> – <h6> Tag untuk merubah posisi text menjadi di tengah halaman
<p> Tag untuk membuat paragraf
<hr> Tag untuk membuat perubahan dasar kata didalam isi
<br> Tag untuk membuat garis putus atau enter
<a> Tag untuk membuat text hyperlink
<img> Tag untuk memasukan gambar ke halaman website
<div> Tag untuk menentukan divisi atau bagian dalam dokumen HTML.

Tag Pemformatan HTML

Nama Tag Fungsi
Pemformatan
<b> Tag untuk membuat text bercetak tebal
<i> Tag untuk membuat text bercetak miring
<strong> Tag untuk memberian penekanan kepada text menjadi bercetak tebal
<em> Tag untuk memberikan penekanan kepada text menjadi bercetak miring
<u> Tag untuk membuat text mempunyai garis bawah
<small> Tag untuk membuat ukuran text menjadi kecil
<big> Tag untuk membuat ukuran text menjadi besar
<pre> Tag untuk membuat teks terformat
<sub> Tag untuk membuat teks subskrip (Seperti CO2)
<sup> Tag untuk membuat text superscript (Seperti 52)

Contoh:

<!DOCTYPE html> 
<html>
  <head>
    <title>Tag Tag Dasar HTML</title>
  </head>
  <body>
    <!-- Monitor Teknologi --> <!-- Dasar --> 
    <div>
      <img src="https://www.monitorteknologi.com/wp-content/uploads/2019/05/HTML7-1200x640.jpg" width="500" height="250"> 
      <h1>H1= Nama Website</h1>
      <h2>H2= Judul Artikel</h2>
      <h3>H3= Sub Judul</h3>
      <h4>H4= Kategori Artikel</h4>
      <h5>H5= Nama Pembuat Artikel</h5>
      <h6>H6= Copyright</h6>
      <hr>
      <br> 
      <p>Ini adalah Paragraf</p>
      <a href="https://www.monitorteknologi.com">Jika di Klik akan menuju ke website lain</a> 
    </div>
    <!-- Pemformatan --> 
    <div>
      <p><b>Ini text tebal</b></p>
      <p><i>Ini text miring</i></p>
      <p><strong>Ini text penekanan bercetak tebal</strong></p>
      <p><em>Ini text penekanan bercetak miring</em></p>
      <p><u>Ini Text dengan garis bawah</u></p>
      <p><small>Text berukuran kecil</small></p>
      <p><big>Text berukuran besar</big></p>
      <pre>Teks terformat</pre>
      <p>teks sub= CO<sub>2</sub></p>
      <p>teks sup= 5<sup>2</sup></p>
    </div>
  </body>
</html>

Hasilnya:

Sekian artikel Tag-Tag Dasar HTML Yang Sering Digunakan. Nantikan artikel menarik lainnya dan jangan lupa share artikel ini ke teman-teman kalian. Terimakasih…

Related posts

10 Peran Pekerjaan Backend Developer Dan Skill Yang Dibutuhkan

Apa Itu Git Bash Dan Bagaimana Cara Menggunakannya?

Pengertian Framework Dalam Pemrograman