Les Fiches de MonWebFacile





Chapitre

Fiche

 

Fiche HTML : Récapitulatif des connaissances acquises en HTML

Objet de la fiche

État de la fiche Terminée validée


Avant propos

Cette fiche reprend les points importants et les bonnes habitudes à adopter lorsque l'on construit une page HTML.

Vous avez vu comment construire l'ossature d'une page HTML. Bien sur le résultat ne correspond certainement pas tout à fait à ce que vous souhaitez. La position des différents éléments, les couleurs, les styles de texte etc. mais cela viendra dans la section suivante. Chaque chose en son temps : comme dans la construction d'une maison les fondations ne sont pas particulièrement palpitantes pourtant lorsqu'elles sont bien réalisées elles sont le gage de la solidité du reste de la construction.

Construction d'une page HTML


Bilan connaissances

Une page HTML est ainsi un simple fichier texte contenant des balises permettant aux navigateurs de mettre en forme et d'afficher de manières spécifiques des éléments texte, des images, des tableaux, des listes, des éléments multimédia ou autres, en fonction des types de balises utilisés pour les encadrer.
Les navigateurs lorsqu'ils lisent ce type de fichier savent interpréter ces balises et afficher le résultat en conséquences sous forme d'une page Web.

Points importants sur les bonnes habitudes en XHTML


Les bonnes habitudes
Appellation Appeler index.html la page Internet d'accès au site.
Présentation Indenter l'agencement des balises pour plus de clarté dans la lecture du fichier source HTML.
Commenter les pages HTML.
Grammaire Utiliser le bon doctype.
Utiliser autant que possible les caractères spéciaux HTML dans tous les cas de lettres accentuées ou caractères particuliers, surtout dans les balises méta.
Conformités Ne pas utiliser de balises de structuration de texte dépréciées par le W3C (font, u, i etc).
Règles Toute balise ouvrante doit obligatoirement être fermée.
Juste : <p>mon texte</p>
Faux : <p>mon texte<p>
Les balises ne possédant pas de balise équivalente en fermeture  doivent être fermées par un /
Juste : <br />
Faux : <br>
Les balises et les attributs doivent être écrits en minuscule.
Juste : <a href="http://monwebfacile.free.fr" title="Accédez aux tutoriaux">Tuto web</a>
Faux : <A href="http://monwebfacile.free.fr" TITLE="Accédez aux tutoriaux">Tuto web</a>
Les valeurs des attributs doivent être entre guillemet ou apostrophe.
Juste : <p id="monParagraphe" class='LesParagraphes'>xhtml</p>
Faux : <p id=monParagraphe class=LesParagraphes>xhtml</p>
Chaque attribut doit avoir une valeur.
Juste : <input type="checkbox" cheched="checked" />
Faux : <input type="checkbox" checked />
Chaque balise doit être imbriqué correctement.
Juste : <p>j'aime le <b>(x)html</b></p>
Faux : <p>j'aime le <b>xhtml</p></b>
Images Utiliser de préférence des image jpeg, et dans les cas de transparence utiliser les images png.
Dans les balises image et image map définir systématiquement les attributs alt et title pour des raisons d'accessibilité.
Multimédia Utiliser systématiquement la balise object
Visibilité Dans le cas de liens bien définir la cible : évitez les liens du genre cliquer " ICI " et utiliser l'attribut title pour décrire le lien.
Accessibilité Utiliser au maximum les attributs d'accessibilité.


Respectons la propriété intellectuelle