Ressources du Congo

#TutorielHTML5-CSS3 #4 : Ossature générale d'un document HTML5

20 Octobre 2018 , Rédigé par Zamba Synkin Publié dans #Dico exquis anti-mystification, #e-Learning, #Tech' Net & Code

(Archives)

S O M M A I R E

  • Ossature générale d’un document HTML5 minimal
  • Doctype
  • Tête
  • Corps
  • Éditeurs HTML
  • Navigateurs

Décryptage

Que veulent dire ces balises entre les lignes 1 et 12 ?

  • 1 : <!DOCTYPE html> doit être mentionné, d'entrée, pour indiquer aux navigateurs le type de document HTML que l'on va utiliser.
  • 2 : <html> vient immédiatement après le 1 pour dire aux navigateurs que l'on commence un document HTML (pour filer une métaphore footballistique, on dira que l'on rentre sur le terrain (le tracé des lignes sur le sol pour délimiter le champ de jeu) avec <html> et on en sort avec </html>. Autrement dit, tout se jouera  (les goals, les tacles autorisés, les gestes techniques, les passes décisives, les fautes, etc.) entre ces deux balises.
  • 3 : <head> est la balise qui contiendra tous les éléments de l'en-tête du document HTML que le navigateur va récupérer et afficher. Et on ferme cet en-tête avec la balise </head>.
  • 8 : <body> c'est après cette balise que vous allez mettre le corps de votre document HTML, jusqu'à 10 ou </body>. Autrement dit, les footballeurs montreront leurs talents, s'affronteront à la loyale et "au corps à corps", dans cet espace dédié. Mais, pas au-delà !
  • Les lignes 3, 5, 7, 9 et 11 servent simplement à aérer le code pour une meilleure lisibilité.
  • 12 : </html> Comme on l'a dit précédemment, on boucle la boucle. Et donc, au-delà, on est en dehors du terrain. 

Éditeurs HTML

J'ai pris le parti d'utiliser principalement l'éditeur de code source Notepad++ qui me parait être un des plus complets (avec des plug-ins qui me font gagner du temps) et faciles à utiliser. Mais, de temps en temps, pour changer, eh bien, j'utiliserai aussi : Pspad Editor et Komodo Edit.

Navigateurs

Pour le rendu visuel des documents HTML de ce tutoriel, au long cours, tour à tour, je ferai des tests avec Google Chrome, Edge, FireFox, Safari et K-Meleon. À noter que quel que soit le navigateur choisi, le rendu pour "ces premières lignes de code HTML" sera une page vide dépourvue de titre !

Lire la suite : 

Partager cet article

Retour à l'accueil

Commenter cet article

==== De vous à nous ====

Pour être alerté de la publication de nouveaux articles, en temps réel, pensez à vous inscrire, au préalable, à la Newsletter en saisissant votre adresse-mail (valide) dans la zone dédiée, ci-dessous.

 

Après quoi, un mail de confirmation sous forme de lien vous sera envoyé pour s’assurer que vous êtes bien le titulaire de l’adresse-mail saisie. Et, il vous suffira simplement de valider ce lien (en cliquant dessus) pour que votre inscription devienne effective.

 

Du reste, pour nous faire une suggestion, signaler une erreur, un lien inactif ou nous faire part d’une information précise en rapport avec le Congo, cliquez ici.

 

Merci et à bientôt.

 

L'Equipe RdC.   

 

 Météo de la ville de Kinshasa

 

Catégories

Archives

==============================

Nos Tutoriesl

 

 

Algorithmique & programmation :

=================================

 

Convertisseur de devises
 

 

Météo de la ville de Lille

 

 

 

 

Theme: Classical © 2012 - Hébergé par Overblog

GoTop