Apprendre le Html - Tout le language HTML facil - Astwinds
Accueil - Astuces - Humour - Services - Annuaire - Livre d'Or - Contact - Sonneries - Forum - Partenariats - Newsletter
Le language HTML - structure d'une page web
Nom
<HTML>
 
 
Fonction
 

Il existe plusieurs languages pour la réalisation d'un site Web.Nous allons ici apprendre a réaliser des pages web en HTML.



Balise de fin
</HTML>
 
 
Exemple


<html>
<head>
<title>Document sans titre</title>
</head>

<body>
<marquee Class="Scroller" behavior="scroll" direction="up" width="120" height="80" scrollamount="2" scrolldelay="50" onmouseover="this.stop()" onmouseout="this.start()">Rien qui s'incrira dans votre navigateur car comme je vous le dis en début de page<br><br>c'est le code d'une page HTML vierge donc rien ne s'affichera dans le navigateur.<br><br>Afin de ne pas laisser cet espace vide je vous ait donc mis ce petit text défilant qui lui se trouve entre les balises "marquee"nous<br><br> apprendrons plus tard cette balise et son fonctionnement</marquee>
</body>
</html>

Le code en rouge réprésente la structure d'une page HTML vierge. la partie de code en noir représente le corps de la page, c'est à dire ce qui est visible par l'internaute . On peut comparer une page HTML a une feuille de votre imprimante : d'un coté de la feuille vous marquez le code avec les instructions et de l'autre coté vous obtenez le résultat de vos instructions. De la même manière avec le HTML vous determinez vos instructions du coté du code source et de l'autre coté vous obtenez ce que verra le visiteur de votre page.

Dans cet exemple nous disons au navigateur que notre page est en HTML qu'il y a un entête a notre page, que dans cet entête nous avons mis un titre; que nous fermons l'entête de la page, que nous ouvrons le corps de la page, qu'on lui demande de faire défiler un text que nous fermons le corps de cette page et enfin que nous fermons le code html

Résultat sur le navigateur
Rien s'incrira dans votre navigateur car comme je vous le dis en début

de page

c'est le code d'une page HTML vierge donc rien ne s'affichera dans le

navigateur.

Afin de ne pas laisser cet espace vide je vous ait donc mis ce petit text

défilant qui se trouve entre les balises "marquee"nous

apprendrons plus tard cette balise et son fonctionnement
Explications


La balise html est la balise principale du language Html car c'est entre la balise d'ouverture <HTML> et la balise de fermeture </HTML> que nous allons placer toutes les instructions de ce language. Une instruction c'est un code qui dira a votre navigateur ce qu'il doit faire

Chaque balise se trouve entre les caractères < et >. A la balise de fermeture on ajoutera le caractère / ce qui donnera par exemple: <html> et </html>

Une page HTML commence donc par la balise <html> qui représente le début d'une page Html et la balise </html> qui définit la fin d'une page html

Détaillons maintenant les balises du code de notre exemple:

<html> Définit le début de la page html (balise d'ouverture de la page html)

<head>
Balise d'ouverture d'entête de page

Entre les balise <head> et </head> qui représentent l'entête de page nous mettrons les méta tags qui permétront aux robots d'indexer vos pages dans les moteurs de recherche et vous permétront d'indexer vos pages dans les annuaires. Ces méta tags sont d'une extrème importance pour un bon référencement de votre site. Car ce sont ces metas qui vont permètre a vos futurs visiteurs d'atteidre votre site par l'intermédiaire de requêtes.

<title>
Définit le titre qui s'affichera dans la barre de titre de votre navigateur

</title>
balise de fermeture de titre

</head>
Balise de fermeture d'entête de page.

<body>
C'est la balise d'ouverture de corps de page. Toutes les informations que vous allez mettre a la disposition de vos visiteurs se trouveront entre ces deux balises <body> et </body> qui représentent le corps de votre page

<Marquee> Fait déffiler le texte qui se trouve entre les balises <Marquee> et </Marquee>

</body> balise de fermeture de corps de votre page

</html> Définit la fin d'une page html (balise de fermeture de la 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 <HTML>

dir; lang; xml:lang; xmlns

Dir détermine la direction du texte. Il existe deux sortes de directions pour le text, les textes qu'on lit:
- De droite a gauche. dir="RTL"
en anglais Right To Left
- De gauche a droite. dir="LTR" en anglais Left To Right


Lang détermine le langage de la page HTML. Nous mettrons dans cette option les deux lettres représentant le la langue du site.Par exemple FR pour le Français EN pour l'anglais ES pour l'Espagnol etc..

  - Apprentissage HTML
  - Liste des Balises
  - Liste des attributs de chaque balise
Les autres balises: <A> <ABBR> <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