Ετικέτα HTML <body>

  • Προηγούμενη σελίδα <blockquote>
  • Επόμενη σελίδα <br>

Ορισμός και χρήση

<body> Η ετικέτα καθορίζει το σώμα του έγγραφου.

Τα μεταγενέστερα δεδομένα και οι πληροφορίες του έγγραφου HTML περιλαμβάνονται στο στοιχείο head, το περιεχόμενο του έγγραφου περιλαμβάνεται στο στοιχείο body.

Το στοιχείο body ακολουθεί το στοιχείο head, είναι ο δεύτερος θυρός του στοιχείου html.

<body> Το στοιχείο περιέχει το όλο περιεχόμενο της έγγραφος HTML, όπως τίτλους, παραγράφους, εικόνες, σύνδεσμους, πίνακες, λίστας, κ.λπ.

Σημείωση:Μια έγγραφος HTML μπορεί να έχει μόνο ένα <body> Στοιχείο.

Παράδειγμα

Μια απλή αλλά πλήρης έγγραφος HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>Τίτλος έγγραφου</title>
  </head>
  <body>
    <h1>Αυτό είναι ένα τίτλος</h1>
    <p>Αυτό είναι ένα παράγραφος.</p>
  </body>
</html>

Δοκιμάστε το προσωπικά

Συμβουλή:Παρέχονται περισσότερες παραδείγματα στο κάτω μέρος της σελίδας.

Γενικές ιδιότητες

<body> Οι ετικέτες υποστηρίζουν Γενικές ιδιότητες στο HTML.

ιδιότητες γεγονότων

<body> Οι ετικέτες υποστηρίζουν Αντικειμενικές ιδιότητες γεγονότων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις παρακάτω προεπιλεγμένες τιμές για την εμφάνιση <body> Στοιχείο:

body {
  εμφάνιση: block;
  μαγνητίζεται: 8px;
}
body:focus {
  κλίμακα: هیچ;
}

Δοκιμάστε το προσωπικά

Περισσότερες παραδείγματα

Παράδειγμα 1

Προσθήκη εικόνας παρασκηνίου στο έγγραφο (χρησιμοποιώντας CSS):

<html>
<head>
<style>
body {
  χρώμα-βάθους-εικόνας: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">Επισκεφθείτε το codew3c.com!</a></p>
</body>

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Ρύθμιση του χρώματος του παρασκηνίου του έγγραφου (χρησιμοποιώντας CSS):

<html>
<head>
<style>
body {
  χρώμα-βάθους-πάνου: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">Επισκεφθείτε το codew3c.com!</a></p>
</body>

Δοκιμάστε το προσωπικά

Παράδειγμα 3

Ρύθμιση του χρώματος του κειμένου του έγγραφου (χρησιμοποιώντας CSS):

<html>
<head>
<style>
body {
  χρώμα: πράσινο;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>Αυτό είναι ένα κείμενο.</p>
<p><a href="">Επισκεφθείτε το codew3c.com!</a></p>
</body>
</html>

Δοκιμάστε το προσωπικά

Παράδειγμα 4

Ρύθμιση χρώματος συνδέσμων που δεν έχουν επισκεφθεί στον έγγραφο (χρησιμοποιώντας CSS):

<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</a></p>
</body>
</html>

Δοκιμάστε το προσωπικά

Παράδειγμα 5

Ρύθμιση χρώματος συνδέσμων που είναι ενεργοί στον έγγραφο (χρησιμοποιώντας CSS):

<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</a></p>
</body>
</html>

Δοκιμάστε το προσωπικά

Παράδειγμα 6

Ρύθμιση χρώματος συνδέσμων που έχουν επισκεφθεί στον έγγραφο (χρησιμοποιώντας CSS):

<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</a></p>
</body>
</html>

Δοκιμάστε το προσωπικά

Υποστήριξη περιηγητών

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
  • Προηγούμενη σελίδα <blockquote>
  • Επόμενη σελίδα <br>