« Le langage HTML/Bien commencer le HTML » : différence entre les versions

Contenu supprimé Contenu ajouté
→‎Le mauvais exemple : informations personnelles, que vous aurez rentré -> informations personnelles, que vous aurez rentrées
Tael (discussion | contributions)
Reformulation
Ligne 3 :
Les navigateurs sont plutôt résistants aux erreurs. Ainsi, si vous faites une faute, la seule conséquence sera en général que vous n'obtiendrez pas le résultat attendu mais le texte s'affichera quand même. Dans le pire des cas, votre contenu ne s'affichera pas, mais vous n'aurez pas de « plantage » comme cela arrive avec la programmation.
 
Du fait de cette tolérance, certains créateurs, ou même logiciels générant du HTML font volontairement des fautes, par exemple ouvrir une balise et ne pas la fermer, par flemmardise. VousCela mepeut direz,sembler quellesans importance ? on ne respecte paspuisque la normepage pour la norme et ce ns'est pas bienaffichera méchant.quand Certesmême.
 
Toutefois, cela
* des erreurs consécutives peuvent engender un effet boule de neige et il devient alors difficile de trouver d'où vient le vrai problème.
* gêne le déverminage : la recherche d'erreur dans le code HTML est compliqué par le non respect des règles ;
* cela empêche la traduction automatique vers d'autre langages, par exemple la conversion du HTML en [[Programmation LaTeX|LaTeX]] ou en [[w:Aide:Syntaxe|syntaxe wiki]].
* il n'est pas garantit que la page s'affiche correctement sur tous les navigateurs.
 
Il faut en fait accorder la même rigueur au HTML qu'aux autres langages de programmation, et pour cela utiliser de bons outils et prendre de bonnes habitudes.
Ligne 17 ⟶ 18 :
Nous allons créer notre première page à partir de la page minimale.
 
Pour cela, ouvrez votre [[w:éditeur de texte|éditeur de texte]] préféré — nous parlons bien d'''éditeur'' de texte et pas de logiciel de ''traitement'' de texte (comme Microsoft Word). Sous Microsoft Windows, le Bloc-Note (Notepad) fait très bien l'affaire. Prenez le texte ci-dessous, copiez-le, et collez-le dans la page vide (ou bien tapez-le).
 
; Exemple
Ligne 34 ⟶ 35 :
{{vert|</html>}}
Puis, utilisez la fonction '''Fichier | Enregistrer sous''', et sauvez-enregistrez le danssous le fichiernom <code>bonjour.html</code> (avec Notepad, il faut choisir « '''Tous les fichiers''' » dans le menu déroulant '''Type de fichier'''). Si vous double-cliquez dessus depuis l'explorateur de disque (Explorateur Windows, Finder…), cela ouvreouvrira normalement votre navigateur Internet par défaut, et affiche :
: « Premier essai » dans la barre de titre ;
: « Bonjour le monde. » dans la fenêtre principale.
Ligne 49 ⟶ 50 :
Voici quelques conseils
* aérer son code :
** si vousles revenezretours à la ligne, celan'ont correspondpas à une espaced'incidence sur le rendu (si ce n'est un espace) ; n'hésitez donc pas à revenir à la ligne régulièrement afin de structurer votre code ;
** si vous mettez plusieurs espaceespaces, cela est interprété comme uneun seul espace, on peut donc jouer sur la « mise en forme » du code pour se repérer, et par exemple mettre un ou plusieurs espace en début de ligne (indentation) ; en général, quand un texte est entre une balise d'ouverture et une balise de fermeture, on décale les différentes lignes de 2 ou 3 espaces par rapport à ce qui précède ;
* mettez des commentaires pour pouvoir vous repérer ;
* utilisez un éditeur de texte avec