Demandez à Notepad++ de concevoir vos Sites Web (10/350): Les balises HTML 5

10 Septembre 2014 , Rédigé par Zamba Synkin Publié dans #Tech' Net & Code

Pour rappel, dans l'Atelier 2, nous nous sommes rendus à l'évidence: le français n'est pas une langue universelle comme l'atteste la capture d'écran ci-contre !

A dire vrai, c'est être mauvaise langue que de tenir de tel propos. Qui plus est, nous risquons de nous mettre à dos tous les francophiles.

Certes, HTML était infichu, sous Firefox, d'afficher le caractère accentué à normalement, mais, disons-le, c'est nous qui ne lui avons pas donné les bons ordres.

Il nous faut donc remédier à cela en apprenant les balises HTML que nous allons, désormais, utiliser de manière systématique dans nos lignes de codes à venir. Je vous propose de reprendre les codes que nous avions écrits et puis d'expliquer la signification de chaque balise.

Ligne 1. <!DOCTYPE html>: C'est l'élément obligatoire (le doctype) par lequel vous devez commencer toute page Web HTML pour dire au navigateur qu'il a affaire à un document HTML. A noter que le doctype est insensible à la casse. En clair, vous pouvez comme écrire, comme ça vous chante: <!Doctype html>, ou <!doctype html>ou <!DOCTYPE html>...

Ligne 2. L'élémént <html>: C'est la colone vertebrale de toute page Web. Cette balise, qui vient généralement juste après le docytype, permet signaler au navigateur que votre échange se fera en langage HTML et pour clore ledit échange, vous devez utiliser la balise fermante </html> (ligne 9).

Ligne 3. <head>: C'est l'en-tête du document. On y trouve notamment son titre, l'encodage (des caractères spéciaux) que l'on ne trouve pas dans le contenu. Et la balise fermante </head> sert, vous l'aurez deviné, à fermer l'en-tête.

Ligne 4. <Title>: Cette balise, que l'on trouve dans l'en-tête, est utilisée pour indiquer le titre du document et </Title> est logiquement la balise fermante. Ainsi pour conférer le titre HTML 5 & CSS 3: Atelier 2 à notre document HTML, nous avions écrit à la ligne 4, pour que le navigateur l'affiche dans le titre ou dans l'onglet actif:

<Title>HTML 5 & CSS3: Atelier 2</Title>

Ligne 5. La balise fermante </head> permet de fermer l'en-tête commencé à la ligne 3.

Ligne 6. <body>: C'est là que se trouve le corps du document HTML et qui sera affiché à l'écran. L'élément <body> est en HTML ce que le stade Maracagna est aux aficianodos du ballon rond ! C'est bien là que nous ferons travailler nos neuronnes, faires des selfies, faire des gestes techniques, dribbler, faire des passes décisives, etc. A noter que la balise fermante </body> sert à siffler la fin d'une partie.

Ligne 9. La balise fermante </html> permet de boucler la boucle.

Maintenant que nous avons tiré la situation au clair avec les balises utilisées, depuis la ligne 1 à la ligne 9, eh bien, il nous faut faire appel aux éléments qui nous manquent pour régler notamment le problème d'affichage des caractères spéciaux.

Lire la suite: Demandez à Notepad++ de concevoir vos Sites Web (11/350): Les balises HTML.

________________________________

Tutoriels précédents:

Partager cet article

Article précédent Article suivant

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

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

Nos Tutoriesl

Algorithmique & programmation :

● Larp
● Scratch
● Linotte
● Python
● GeoGebra
● Xcas
● Excel & langage VBA
● HTML5 & CSS3
● JavaScript

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

Convertisseur de devises

Météo de la ville de Lille

Ressources du Congo