HTML <body> Etiketi

Tanım ve Kullanım

<body> Etiketi belgenin主体 tanımlar.

HTML belgesinin meta verileri ve belge bilgileri head elementi içinde, içerik ise body elementi içinde sarılır.

body elementi her zaman head elementinin ardından gelir ve html elementinin ikinci çocuğudur.

<body> Element, başlıklar, paragraflar, görseller, bağlantılar, tablolar, listeler vb. gibi HTML belgesinin tüm içeriklerini içerir.

Dikkat:Bir HTML belgesinde sadece bir <body> Element.

Örnek

Basit ama tam bir HTML belgesi:

<!DOCTYPE html>
<html>
  <head>
    <title>Belge Başlığı</title>
  </head>
  <body>
    <h1>Bu bir başlıktır</h1>
    <p>Bu bir paragraftır.</p>
  </body>
</html>

Kişisel olarak deneyin

İpucu:Daha fazla örnek için sayfa altında sağlanmıştır.

Genel Özellikler

<body> Etiketler, olay özelliklerini de destekler: HTML'deki Genel Özellikler。

Olay Özellikleri

<body> Etiketler, olay özelliklerini de destekler: HTML'deki Olay Özellikleri。

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüler: <body> Element:

body {
  display: block;
  margin: 8px;
}
body:focus {
  outline: none;
}

Kişisel olarak deneyin

Daha fazla örnek

örnek 1

Dokümana arka plan görseli ekleyin (CSS kullanarak):

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">codew3c.com'ı ziyaret edin!</a></p>
</body>

Kişisel olarak deneyin

örnek 2

Dokümanın arka plan rengini ayarlayın (CSS kullanarak):

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">codew3c.com'ı ziyaret edin!</a></p>
</body>

Kişisel olarak deneyin

örnek 3

Dokümanın metin rengini ayarlayın (CSS kullanarak):

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>Bu bir metindir.</p>
<p><a href="">codew3c.com'ı ziyaret edin!</a></p>
</body>
</html>

Kişisel olarak deneyin

örnek 4

Dokümandaki ziyaret edilmemiş bağlantıların rengini ayarlayın (CSS kullanarak):

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML Eğitimi</a></p>
</body>
</html>

Kişisel olarak deneyin

Örnek 5

Dokümandaki etkin bağlantıların rengini ayarlayın (CSS kullanarak):

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML Eğitimi</a></p>
</body>
</html>

Kişisel olarak deneyin

Örnek 6

Dokümandaki ziyaret edilmiş bağlantıların rengini ayarlayın (CSS kullanarak):

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">HTML Eğitimi</a></p>
</body>
</html>

Kişisel olarak deneyin

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek