EnglishEnglish FrançaisFrançais
Accueil arrow HTML et XHTML
Index de l'article
Base html et xhtml
Pourquoi comprendre l`html

base html

Avant de donner une définition, vous constatez une chose importante.  La présente page que vous êtes en train de consulter maintenant, est  affichée grâce à votre navigateur (mozilla firefox, internet explorer, safari, opera, netscape, google chrome ou autre).

Par analogie aux  êtres humains qui ont besoin d’un langage pour  communiquer et d’un traducteur le cas échéant qui fera l’intermédiaire, votre navigateur a besoin d’un langage pour comprendre ce qu’on lui demande de faire.

Pour afficher le  texte « Comprendre html » en gras,  vous devez le placer entres <b> et </b>. Votre page web contiendra par conséquent, la ligne suivante :

<b> Comprendre html </b>

qui sera lue et interprétée par votre navigateur. Celui-ci affichera le résultat suivant:

Comprendre html  

Pour afficher une image « MonImage.gif »,  vous devez placer le code suivant dans votre page web :

<img  src="MonImage.gif " >

<b> et  <img> sont appelées des balises  html. <b> est une balise ouvrante et </b> une balise fermante. 

Le langage html (Hypertext Markup Language)  est donc un langage de balisage qui permet d’organiser et  mettre en forme des informations sur une page web. Il vous donne la possibilité d’inclure des éléments tels que des formulaires de saisie,  des tableaux, des ressources multimédias (images, vidéos)  etc.

En fin de compte, votre page entière n’est qu’une série de balises saisies les unes après les autres que le navigateur interprète pour afficher à l’écran  le contenu de la page avec la présentation demandée.

La maîtrise de la base html consiste à apprendre la liste des balises disponibles et  les règles de syntaxe y afférentes à respecter.

Exemple de balises

Les balises qui constituent la base html du langage, sont nombreuses et vous n'êtes pas censés les apprendre toutes par coeur. Une balise peut avoir plusieurs attributs, ce qui rend un peu difficile leur mémorisation. Avec la pratique, vous mémorisez certaines plus que d'autres. L'essentiel c'est de savoir où aller chercher la syntaxe et comment faire une recherche.  Pour les balises  les plus connues, on peut citer les suivantes:

  • <a>: pour insérer un lien hypertexte
  • <p>: pour un bloc de page.
  • <br>: pour un saut de ligne
  • <b> : pour la mise en gras
  • <img>: pour l'insertion d'une image
  • <table>: pour insérer un tableau
  • <tr>: pour une ligne de tableau
  • <td>: pour une cellule de tableau
  • <div>: pour insérer un bloc de mise en forme div
  • <h1>...<h6>: pour marquer les titres (niveaux 1 à 6)
  • etc

Le xhtml c’est quoi ?

Pour simplifier, xhtml (X pour eXtensible) vient  étendre  le langage html par l’ajout de normes à respecter dans la syntaxe.

Si par exemple l’html n’était pas rigoureux avec les balises de fermeture, xhtml, par contre, est plus exigeant. Voici un exemple:

En html

Il est tolèré d’avoir cette page de code :

<img src="MonImage1.gif ">

<br>

<img src="MonImage2.gif ">

En xhtml, il faudra corriger le code ci-dessus. Soit après correction:

<html>

<head>

</head>

<body>

<img src="MonImage1.gif " />

<br />

<img src="MonImage2.gif " />

</body>

</html>

La fermeture des balises se fait dans tous les cas  par un slash « / »:

  • <Nom-de-balise> ….. </Nom-de-balise> : pour les balises par paires telles que la balise <body>  pour le corps de votre page.
  • <Nom-de-balise ………  />: pour les balises simples telle que <img  /> pour l’insertion d’images. 

Vos suggestions             Témoignages

 

Copyright © 2009-2010 Apprendre-Joomla.com - Tous Droits Réservés -