TechWeb
Accueil Codage HTML CSS DESIGN XML LaboCSS

Présentation du langage HTML

HTML : HyperText Markup Language

Il ne s'agit pas à proprement parler d'un langage au sens informatique du terme, mais plutôt d'une syntaxe de description de pages web statiques basée sur la notion de balise.

Une page est dite statique lorsque son contenu est défini et figé une fois pour toute, par opposition à une page dynamique qui est calculée coté serveur dans un langage comme PHP selon une requête de l'utilisateur (typiquement les pages produites par les moteurs de recherche sont dynamiques).

Les balises

Les balises définissent le contenu de la page (texte images etc.). Elles ajoutent une information sur la sémantique des divers contenus présentés. (Titres, paragraphe, citation, adresse, exemple ...)

Le terme "élément" remplace parfois le mot "balise". En anglais on parle également de "element" ou "tag"

L'ensemble des balises HTML est prédéfini.

Les balises encadrent le texte (ou tout autre objet multimédia) à intégrer.

Les balises fonctionnent par paires : balise ouvrante, balise fermante

La syntaxe d'une balise ouvrante <nom_de_balise>, alors que la balise fermante correspondante se note </nom_de_balise>.

Par exemple la balise h1 définit un titre de niveau 1

<h1> Bonjour </h1>

affichera

Bonjour

Ainsi un contenu identifié par une balise se présentera ainsi :

<balise> contenu </balise>

Le contenu peut être textuel ou autre, mais également un ensemble d'éléments mis entre balises.

Lorsque les balises sont imbriquées la règle suivante doit être respectée :

Si la balise b1 est ouverte avant b2 alors b1 devra impérativement être refermée après b2.

<b1> ......<b2> ...... </b2> ...... </b1> est correct tandis que <b1> ......<b2> ...... </b1> ...... </b2> est erroné.

Certaines balises ne peuvent être imbriquées, d'autres doivent impérativement l'être, les possibilités dépendent de la nature des diverses balises.

Certaines balises sont dites vides car sans contenu. Il est alors inutile de les fermer. Par exemple la balise <br> qui provoque un saut de ligne est vide. Pour plus de clarté il est conseillé de noter de telles balises comme en XML en les terminant par un "/" : <br/>

Les attributs

Certaines balises peuvent être complétées par des attributs précisant certains paramètres tel que l'adresse des liens (href) ou la source d'une image à afficher (src). D'autres attributs concernent la présentation (alignement, dimensions couleur ...). Ces attributs de mise en forme seront avantageusement remplacés par des propriétés CSS. La syntaxe des attributs est la suivante :

<balise attribut1="valeur1" attribut2="valeur2" ..... attributN="valeurN">

Exemple : la balise a qui marque un lien hypertexte utilise l'attribut "href" pour prŽciser l'adresse web à laquelle mène le lien se note :

<a href="http://www.google.fr" > google </a>

affichera :

google

Les navigateurs et le HTML

Le rôle essentiel du navigateur est de charger les pages HTML à partir de leur adresse sur un serveur et d'interpréter les balises pour produire l'affichage adéquat.

Les navigateurs sont assez souples quant au respect des règles de syntaxe HTML. Lorsque le code HTML est syntaxiquement incorrect, le navigateur affiche autant que faire se peut le contenu de la page. Cette souplesse permet sans doute un certain laxisme lors de la production du code HTML, mais en contrepartie d'une perte partielle du contrôle de la présentation. De plus, les pages erronées seront affichées différement selon les stratégies des navigateurs.

Il est donc vivement conseillé de produire du code HTML conforme à la norme définie par le W3C : http://www.w3.org/TR/html4/ . A cet effet il est possible de valider en ligne un fichier HTML pour s'assurer de sa conformité à la norme : http://validator.w3.org/.

En théorie un fichier HTML respectant la syntaxe normalisée sera affiché de façon semblable sur tous les navigateurs respectant les normes du W3C. Dans les faits les normes sont variablement respectées. Le navigateur le plus conforme à la norme est actuellement Mozilla Firefox et celui qui l'est le moins est Explorer qui est pourtant le plus utilisé.

Il est souvent nécessaire pour le concepteur de site de prévoir une présentation spécifique pour Explorer, ce dernier n'étant pas en confirmité avec la norme définie par le W3C. L'avantage du respect de la norme est donc évident pour le développeur.

Cependant l'utilisateur aurait également avantage à utiliser un navigateur conforme comme Mozilla afin d'exercer une pression visant au respect des normes qui constitue un gage de qualité. Pour les utilisateurs invétérés d'Explorer, il n'est jamais trop tard pour bien faire : télécharger Mozilla FireFox .

En résumé : à quoi sert internet explorer ?

 

Valid XHTML 1.0 Strict Valid CSS!

Copyright Gabriel Braun 2007