<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<fieldset>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
Η ετικέτα <body>
Ορισμός και χρήση
Η ετικέτα <body> ορίζει το κυρίως περιεχόμενο της σελίδας μέσα στο οποίο γράφουμε το κείμενο που θέλουμε να εμφανιστεί μαζί με τις HTML ετικέτες που το μορφοποιούν. Στην ενότητα αυτή τοποθετούμε επίσης εικόνες, video και ότι άλλο θέλουμε να εμφανιστεί στην σελίδα
Παράδειγμα
Πηγαίος Κώδικας Αποτέλεσμα στον browser
<html>
<head>
  ετικέτες στην ενότητα HEAD
</head>

<body>
  ετικέτες στην ενότητα BODY
</body>
</html>
ετικέτες στην ενότητα BODY
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Όλες οι ιδιότητες της ετικέτας έχουν αφαιρεθεί στην HTML5
Ιδιότητες
Ιδιότητα Τιμή Περιγραφή
alink rgb(x,x,x) ή
#xxxxxx ή
όνομα χρώματος

Περισσότερα για τα χρώματα
Ορίζει το χρώμα ενός συνδέσμου πάνω στον οποίον έχουμε κάνει κλικ και δεν έχουμε ακόμη ελευθερώσει του κουμπί του ποντικιού(αυτό λέγεται ενεργοποιημένος σύνδεσμος και συνήθως εμφανίζεται με κόκκινο χρώμα)
background URL εικόνας Ορίζει την εικόνα που θα τοποθετηθεί σαν φόντο στην σελίδας μας
bgcolor rgb(x,x,x) ή
#xxxxxx ή
όνομα χρώματος

Περισσότερα για τα χρώματα
Ορίζει το χρώμα που θα τοποθετηθεί σαν φόντο στην σελίδας μας
link rgb(x,x,x) ή
#xxxxxx ή
όνομα χρώματος

Περισσότερα για τα χρώματα
ορίζει το χρώμα των κανονικών συνδέσμων που ο χρήστης δεν έχουμε επισκεφτεί στο παρελθόν (οι σύνδεσμοι που εξ ορισμού εμφανίζονται μπλε)
text rgb(x,x,x) ή
#xxxxxx ή
όνομα χρώματος

Περισσότερα για τα χρώματα
ορίζουμε το χρώμα του απλού κειμένου για όλη την σελίδα
vlink rgb(x,x,x) ή
#xxxxxx ή
όνομα χρώματος

Περισσότερα για τα χρώματα
ορίζει το χρώμα των συνδέσμων που έχουμε επισκεφτεί στο παρελθόν (οι σύνδεσμοι που εξ ορισμού εμφανίζονται Μοβ ή Κόκκινοι).
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα <body> υποστηρίζει τις standard ιδιότητες της HTML5
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Η ετικέτα <body> υποστηρίζει τις ιδιότητες events της HTML5
Δοκίμασε το
Αλλαγή του χρώματος φόντου της σελίδας
Η ετικέτα <body> περιλαμβάνει την ιδιότητα bgcolor με την οποία ορίζουμε το χρώμα του φόντου όλης της σελίδας. Δοκίμασε να αλλάξεις το χρώμα του φόντου
Αλλαγή του χρώματος του κειμένου για όλη την σελίδα
Η ετικέτα <body> περιλαμβάνει την ιδιότητα text με την οποία ορίζουμε το χρώμα του κειμένου για όλη την σελίδα
Αλλαγή του χρώματος των συνδέσμων για όλη την σελίδα
Η ετικέτα <body> περιλαμβάνει τις ιδιότητες link, vlink και alink. Η ιδιότητα link ορίζει το χρώμα των κανονικών συνδέσμων που δεν έχουμε επισκεφτεί στο παρελθόν (οι σύνδεσμοι που εξ ορισμού εμφανίζονται μπλε). Η ιδιότητα vlink (visited link) ορίζει το χρώμα των συνδέσμων που ο έχουμε επισκεφτεί στο παρελθόν (οι σύνδεσμοι που εξ ορισμού εμφανίζονται Μοβ ή Κόκκινοι). Η ιδιότητα alink (active link) ορίζει το χρώμα ενός συνδέσμου πάνω στον οποίον έχουμε κάνει κλικ και δεν ελευθερώσαμε το κουμπί του ποντικιού(αυτό λέγεται ενεργοποιημένος σύνδεσμος και εξ ορισμού συνήθως εμφανίζεται με κόκκινο χρώμα). Τα χρώματα που θα ορίσουμε στις παραπάνω ιδιότητες ισχύουν για κάθε σύνδεσμό που υπάρχει στην σελίδα
Πώς μπορώ να βάλω μια εικόνα σαν φόντο στην σελίδα μου
Η ιδιότητα background της ετικέτας <body> ορίζει την εικόνα που θα τοποθετηθεί στο φόντο της σελίδας μας