Beranda
  • Beranda
  • Kursus Programming
  • Karir
  • Layanan Kami
    • IT Outsourcing
    • Jasa Pembuatan Software
    • Jasa Programmer
    • Jasa Pembuatan Website
      • Jasa Pembuatan Website Toko Online
      • Jasa Pembuatan Website Company Profile
      • Jasa Pembuatan Website Rental Mobil
      • Jasa Pembuatan Website Pribadi
      • Jasa Pembuatan Website Marketplace
  • Tutorial IT
    • Tutorial HTML
    • Tutorial JavaScript
    • Tutorial JQuery
    • Tutorial SQL
    • Tutorial Java
    • Tutorial CSS
    • Tutorial Dart
    • Tutorial PHP
    • Tutorial Flutter
  • Blog

Tutorial HTML

  • Tutorial Belajar HTML
  • Apa Itu HTML ?
  • Contoh Coding HTML Website
  • Tag Tag HTML
  • Cara Membuat Heading Di HTML
  • Cara Membuat Paragraf Di HTML
  • Atribut HTML
  • Css Inline HTML
  • Membuat Komentar Di HTML
  • Format Text HTML
  • Cara Membuat Link Di HTML
  • Cara Menambahkan Gambar Di HTML
  • Cara Membuat List Di HTML
  • Cara Membuat Tabel Di HTML
  • Membuat Halaman Web Dengan HTML Dan CSS
  • Tampilan Block Dan Inline
  • Atribut Class
  • Atribut Id
  • HTML Head
  • Cara Membuat Form HTML
  • Atribut Form HTML
  • Form Elemen
  • Tag Input HTML
  • Atribut Tag Input
  • Beranda
  • Tutorial
  • Tag Tag HTML

Tag Tag HTML

Daftar Isi
  • Tag Di Dalam Tag
  • Jangan Pernah Lupa Tag Penutup
  • Tag Kosong
  • HTML Tidak Case Sensitive

Apa itu tag pada HTML ? Tag HTML adalah istilah lain dari elemen HTML. Setiap elemen HTML selalu didahului oleh tag pembuka disusul dengan konten atau isi dan diakhiri oleh tag penutup.

<nama tag> Konten </nama tag>

Contoh di atas adalah format baku tag atau elemen HTML.

<h1>My First Heading</h1> 
<p>My first paragraph.</p>

Beberapa tag tidak mempunyai konten, sebagai contoh tag <br>. Tag ini disebut tag kosong. Tag kosong ini tidak mempunyai tag penutup.

Penjelasan HTML Elemen Di Wikipedia

Tag Di Dalam Tag #

Suatu tag dapat berisi tag lain. Dalam banyak kasus pada penulisan dokumen HTML justu biasanya suatu tag akan berada di dalam tag lain, atau biasa disebut dengan Nested Tag. Sebagai contoh perhatikan dokumen HTML di bawah ini.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html> 

Dalam contoh di atas hanya tag html yang tidak berada di dalam tag lain. Tag html adalah induk dari semua tag lain. Semua tag lain pasti berada di dalam tag html. Tag html dibuka dengan tag pembuka <html> dan ditutup dengan tag penutup </html>.

Di dalam tag html terdapat tag body. Tag body adalah tag yang akan ditampilkan secara visual pada web browser. Tag body dibuka dengan tag pembuka <body> dan ditutup dengan tag penutup </body>.

Di dalam tag body terdapat dua tag. Tag pertama yaitu tag heading h1. Tag kedua yaitu tag paragraf p. Heading h1 dibuka dengan tag pembuka <h1> dan ditutup dengan tag penutup </h1>. Paragraf dibuka dengan tag pembuka <p> dan ditutup dengan tag penutup </p>.

Jangan Pernah Lupa Tag Penutup #

Jangan pernah lupa untuk menuliskan tag penutup bagi setiap elemen HTML. Apabila tag penutup hilang maka terdapat kemungkinan elemen tersebut tidak ditampilkan dengan benar. Sebagai contoh.

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html> 

Tag p seperti contoh di atas tidak ditutup dengan tag penutup </p>, sehingga ada kemungkinan ditampilkan secara tidak benar.

Tag Kosong #

Beberapa tag atau elemen HTML tidak mempunyai konten dan tag penutup. Tag ini biasa disebut tag kosong. Sebagai contoh adalah tag br.

 <p>This is a <br> paragraph with a line break.</p> 

HTML Tidak Case Sensitive #

Penulisan tag atau elemen di dalam dokumen HTML tidak bersifat case sensitive, sehingga penulisan dengan huruf besar ataupun huruf kecil menghasilkan tampilan yang sama pada browser.

 <P>This is a <br> paragraph with a line break.</P> 
 <p>This is a <br> paragraph with a line break.</p> 

Contoh di atas akan menghasilkan dua paragraf yang sama walaupun satunya ditulis dengan tag pembuka dan penutup <P></P> dan yang lain ditulis dengan tag pembuka dan penutup <p></p>.

 

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Contoh Coding HTML WebsiteCara Membuat Heading Di HTML

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Daftar Isi
  • Tag Di Dalam Tag
  • Jangan Pernah Lupa Tag Penutup
  • Tag Kosong
  • HTML Tidak Case Sensitive

Marketing Office

Epicentrum Walk Office Suite 529A, Jl. HR. Rasuna Said, Jakarta Selatan 12940

Workshop

Nextgen Training Center, Jl. Raya Tanah Baru no 3, Pancoran Mas, Depok

Email

sales@nextgen.co.id

@2020 PT Nextgen Inovasi Indonesia

PT. Nextgen Inovasi Indonesia

PT Nextgen Inovasi Indonesia adalah perusahaan IT yang didirikan pada tahun 2015. Lini bisnis kami adalah inovasi dalam cara belajar teknologi informasi dengan cepat dan efisien.