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

Contenu supprimé Contenu ajouté
+
+ correction orthographe/grammaire
Ligne 34 :
{{vert|</html>}}
Puis, utilisez la fonction '''Fichier | Enregistrer sous''', et sauvez-le dans le fichier <code>bonjour.html</code> (avec Notepad, il faut choisir « '''Tous les fichiers''' » dans le meumenu déroulant '''Type de fichier'''). Si vous double-cliquez dessus depuis l'explorateur de disque (Explorateur Windows, Finder…), cela ouvre votre navigateur Internet par défaut, et affiche :
: « Premier essai » dans la barre de titre ;
: « Bonjour le monde. » dans la fenêtre principale.
Ligne 41 :
(le même texte mais sur une seule ligne, sans mise en forme) — une fois le fichier sauvé, il suffit d'appuyer sur le bouton « rafraîchissement/recharger » du navigateur pour voir la différence. On remarque qu'il n'y en a aucune.
 
Aucune différence en ce qui concerne le rendu, mais le code source est lui bien moins lisible. Donc moins facilement modifiable, augmentable, corrigeablecorrigible. Il convient donc de prendre des « bonnes habitudes de programmation ».
 
== Bonnes habitudes de programmation ==
Ligne 48 :
* aérer son code :
** si vous revenez à la ligne, cela correspond à une espace sur le rendu ; n'hésitez donc pas à revenir à la ligne ;
** si vous mettez plusieurs espace, cela est interprété comme unune 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
Ligne 58 :
{{vert|&lt;!--}}
*******************
* premierepremière partie *
*******************
{{vert|--&gt;}}
Ligne 92 :
* Peut-on visionner simplement le résultat ? (par exemple avec une touche ''voir cette page dans le navigateur'')
* Est-ce que les encodages de caractères sont bien gérés ?
* Y'a-t-il une autocomplétionauto-complétion ? (quand vous écrivez une balise : le logiciel écrit directement la balise fermante)
* L'indentation est elle facilement modifiable ? Notamment, est-ce que le logiciel comporte une fonction permettant de déplacer tout un bloc de ligne vers la gauche ou vers la droite ?