Apprendre le Html - Tout le language HTML facil - Astwinds
Accueil - Astuces - Humour - Services - Annuaire - Livre d'Or - Contact - Sonneries - Forum - Partenariats - Newsletter
Balise de corps de votre page web
Nom
<BODY>
 
Fonction
 
Ce sont les balises qui délimitent le corps de votre page web.Le corps de votre page c'est la partie visible de votre page par vos visiteurs.

Balise de fin
</BODY>
 
Exemple


Prenons comme exemple une page web avec un titre, une image et une description de l'image. Voici le code de votre page :
<html>
<head>
<TITLE>Mon premier Site</TITLE>

</head>
<BODY>
<div align="center"><p>Ma première page</p>
<p align="left"><img src="http://www.astwinds.com/gifs animes/images gifs/dalmatien.gif" width="100" height="46"><br>
La première page de mon site comporte
un titre: Ma première page, une image qui représente
un chien et une description.</p>
</div>
</BODY>

</html>

Si vous copiez ce code et que vous vous faites une page web vous obtiendrez ce que vous pouvez voir ci dessous

Résultat sur le navigateur

Ma première page


La première page de mon site comporte un titre: Ma première page, une image qui représente un chien et une description.


Explications

Détaillons les balises et attributs utilisés dans le code:

<html>
balise de début de page web.
<head> Entête de votre page. C'est entre la balise <head> et </head> que vous mettrez entre autres: le titre de votre site et les metas tags qui permetront aux robots d'indexer vos pages.
<title> Le titre de votre site entre ces deux balises sera affiché dans la barre de titre du navigateur ( tout en haut de votre écran) fermez cette balise avec </title>
</head>
Ferme l'entête de votre page
<body> Début du corps de votre page. C'est entre les balises <body> et </body> que se trouvera le contenu de votre page. C'est a dire toute la partie visible par les internautes se trouvera entre ces deux balises.
<div align="center"> balise de début de style centré. Vous fermerez cette balise par </div>.
<P>
Balise de début de paragraph. Avec un titre pour votre page. Fermez cette balise par </P>
<p align="left"><img src="http://www.astwinds.com/gifs animes/images gifs/dalmatien.gif"
Url de l'image et Image alignée a gauche
width="100" Largeur de l'image 100
height="46" Hauteur de l'image 46
<br> saut de ligne ne necessite par de balise de fermeture
Ensuite la description de la page et de l'image
</div> Balise qui referme le groupe de style
</Body > Ferme le corps de votre page
</html> Ferme le code source de votre page html

 

Les Attributs de la Balise

L'attribut est une instruction a l'intérieur de la balise et qui aura une incidence sur tout le contenu du document entre les deux balises, par exemple pour que votre page soit bleue avec une police de caractères blanche vous mettez ce code: bgcolor="blue" text="#FFFFFF" dans la balise d'ouverture de corps de page comme ceci:
<body bgcolor="blue" text="#FFFFFF"> le contenu de votre page web </body>

Voici les différents attributs de la balise <body>

bgcolor="Couleur"; Mettez une couleur de fond a votre page web entre les guillemets mettez le code alphanumérique #FFFFFF ou le nom "white" pour le blanc par exemple, pour le rouge: "#FF0000" ou "Red"
text="Couleur"; c'est un attribut de couleur pour le texte de votre page vous pouvez mettre un code alphanumérique comme ceci: text="#000000" ou bien mettre le nom de la couleur comme ceci: text="black"
background="Adresse de l'image"; Perme d'afficher une image en arrière plan
bgproperties="fixed"; permet de fixer une image. Meme si vous faites défiler l'écran l'image elle ne bougera pas
link="Couleur"; permet de donner une couleur a vos liens non activés
alink="Couleur"; permet de donner une couleur a votre lien actif
vlink="Couleur"; permet de donner une couleur a vos liens dejà visités
topmargin="Valeur en pixel"; permet de définir la marge du haut de votre page
bottommargin="Valeur en pixel"; permet de définir la marge du bas de votre document
leftmargin="Valeur en pixel"; permet de définir la marge gauche de votre document
rightmargin="Valeur en pixel"; permet de définir la marge de droite de votre document
marginwidth="Valeur en pixel"; Définit la larger de vos marges droite et gauche
marginheight="Valeur en pixel" Définit la hauteur de vos marges haut et bas
onload="Nom d'une fonction" ouvre une fonction au chargement de la page
onunload="Nom d'une fonction" ouvre une fonction lorsque vous quittez la page

- Apprentissage HTML
- Liste des Balises
- Liste des attributs de chaque balise
Les autres balises: <A> <ABRR> <ACRONYM> <ADDRESS> <APPLET> <AREA> <B> <BASE> <BASEFONT> <BDO> <BIG> <BLOCKQUOTE> <BODY> <BR> <BUTTON> <CAPTION> <CENTER> <CITE> <CODE> <COL> <COLGROUP> <DD> <DEL> <DFN> <DIR> <DIV> <DL> <DT> <EM> <FIELDSET> <FONT> <FORM> <FRAME> <FRAMESET> <H1 - H6> <HEAD> <HR> <HTML> <I> <IFRAME> <IMG> <INPUT> <INS> <ISINDEX> <KBD> <LABEL> <LEGEND> <LI> <LINK> <MAP> <MENU> <META> <NOFRAMES> <NOSCRIPT> <OBJECT> <OL> <OPTGROUP> <OPTION> <P> <PARAM> <PRE> <Q> <S> <SAMP> <SCRIPT> <SELECT> <SMALL> <SPAN> <STRIKE> <STRONG> <STYLE> <SUB> <SUP> <TABLE> <TBODY> <TD> <TEXTAREA> <TFOOT> <TH> <THEAD> <TITLE> <TR> <TT> <U> <UL> <VAR> 
  <<Précédent Suivant>>
Accueil - Astuces - Humour - Services - Annuaire - Livre d'Or - Contact - Sonneries - Forum - Partenariats - Newsletter