HTML body tag

HTML Elemen <body> adalah tag yang digunakan untuk membuat bagian isi badan html biasanya di tempatkan setelah akhiran </head>, seluruh tag element html di tempatkan di dalam <body> elemen yang menentukan konten utama dokumen HTML yang muncul di browser. elemen ini dapat berisi judul, teks, paragraf, link, foto, tabel, audio, video, embed, frame browser, dan lainnya lebih banyak lagi. Langsung saja kita lihat contoh body pada Live code html dibawah ini.

1. html tag <body>

Mengatur font body di dalam tag style contoh di bawah sebagai berikut.

<!DOCTYPE html>
<html>
<head>
  <title>html body</title>
  <style>
      body {font-family:monospace;}
  </style>
</head>

<body>
  <h1>Ini Adalah Heading 1</h1>
  <p>Ini Adalah Paragraf Kalimat.</p>
  <a href="https://cicagak.com/p/daftar-isi.html" target="_blank">Ini Adalah Link</a> <br><br>
  <button onclick="alert('hello world!')">Ini Adalah Tombol</button>
</body>
</html>

Cicagak Berbagi

2. html tag <body> background warna

Mengubah background latar belakang body di dalam atribut style

<!DOCTYPE html>
<html>
<head>
  <title>html body</title>
</head>

<body style="background:#E0B0FF; font-family:monospace;">
  <h1>Ini Adalah Heading 1</h1>
  <p>Ini Adalah Paragraf Kalimat.</p>
  <a href="https://cicagak.com/p/daftar-isi.html" target="_blank">Ini Adalah Link</a> <br><br>
  <button onclick="alert('hello world!')">Ini Adalah Tombol</button>
</body>
</html>

Cicagak Berbagi

3. html tag <body> background gambar

Berikut contoh body di bawah memuat gambar pada external link yang terhubung dengan tag style di dalamnya diatur dengan properti css

<!DOCTYPE html>
<html>
<head>
<title>html body</title>
  <style>
    body {background-image: url('https://www.cicagak.my.id/media-posts/images/gambar-2.jpg'); 
    font-family:monospace;}
  </style>
</head>

<body>
  <h1>Ini Adalah Heading 1</h1>
  <p>Ini Adalah Paragraf Kalimat.</p>
  <a href="https://cicagak.com/p/daftar-isi.html" target="_blank">Ini Adalah Link</a> <br><br>
  <button onclick="alert('hello world!')">Ini Adalah Tombol</button>
</body>
</html>

Cicagak Berbagi