PatrickGross.org - Cours HTML 4

Home Back Google Microsoft		Ufologie Ufology

Contact Documentation Cours Favoris Utilitaires Musique Divers

patrickgross.org

Cours HTML

Précédent Suivant

4.1. Récapitulatif.

Vous venez d'apprendre:

Qu'il ne faut pas oublier de fermer une balise ouverte.
Que les balises peuvent être imbriquées, mais pas dans le désordre.
Que certaines balises ne peuvent être utilisées qu'à l'intérieur d'autres balises.

4.2. Les balises de titres.

Nous avions déjà vu la balise <h1>. Je l'ai décrite comme étant la balise pour faire de grands titres.

Il y a des balises pour faire des sous-titres, des sous-sous-titres, etc.

En fait, on parlera de niveaux de titres. Premier niveau, deuxième niveau, etc. ainsi le 1 dans h1 désigne le premier niveau.

Vous pouvez deviner les balises pour les niveaux de titres inférieurs: <h2>, <h3>, <h4>, <h5>, <h6>.

Il y a ainsi de quoi gérer 6 niveaux de titre. Ne me dites pas qu'il vous faut plus de niveaux, je ne vous croirais pas.

Voyons de suite ce que le navigateur fait de telles balises. Voici du code HTML avec tout ces niveaux:

Voici le résultat dans le navigateur Microsoft Internet Explorer 9:

Le navigateur traite ces balises "h" ainsi: il met le contenu en gras, donne une taille de caractères d'autant plus grande que le niveau de titre est grand, et passe à la ligne.

Naturellement, vous utiliserez &jt;h1> pour le "grand titre" en haut de vos pages, h2 pour titrer les différentes parties de la page, et ainsi de suite... si vos pages ont des titres, des niveaux de titres. Ce n'est pas obligatoire!

4.3. Exemple.

voici donc un exemple de page web récapitulant ce que nous avons appris. En lisant le code HTML, vous devez pouvoir deviner ce que le navigateur affichera.

</head>

<body>

<h1>Brunstatt</h1>

<h2>Généralités</h2>

<p>Brunstatt est une commune de la banlieue de Mulhouse membre de <i>Mulhouse Alsace Agglomération</i> dans le département du Haut-Rhin en région Alsace.</p>

<h2>Géographie</h2>
 
			<p>La commune de Brunstatt est incluse dans l'unité urbaine de Mulhouse et est située sur la route qui relie Mulhouse intra-muros à Altkirch. Elle se trouve à l'entrée de la vallée de l'Ill (au nord), tandis qu'au sud les maisons sont perchées sur les derniers contreforts du Jura appelés Sundgau.</p>

<p>Le Canal du Rhône au Rhin passe à proximité et l'autoroute A36 à 6 km.</p>

<p>A 1 km de la commune se trouve une source appelée Burnen ; son eau limpide qui ne tarit jamais forme un petit ruisseau. C'est sans doute de cette source que la commune tient son nom.</p>

<h2>Cours d'eau</h2>

<p>Brunstatt est traversée par l'<b>Ill</b> et le <b>Canal du Rhône au Rhin</b>.</p>

<h2>Climat</h2>

<p>Le climat de Brunstatt est un climat semi-continental d'abri lié à la position de la ville dans la plaine d'alsace, une <i>plaine d'effondrement</i>.</p>

</body>
</html>

Ne me dites pas que cet exemple n'est que du chinois pour vous!

Si?

Misère... Je suis bon prince. Voici ce que cela donne lorsque c'est affiché avec Microsoft Internet Explorer 9:

Là... C'est plus clair maintenant... Regardez de nouveau le code, regardez les balises, regardez ce qu'elles donnent.

4.4. Questions et réponses.

"Pourquoi les balises de titres s'appelent-t-elle "h", et pas "t" comme titre?"

Parce que le langage HTML, international, a été pensé en anglais.

Le "h" vient de l'anglais "heading".
"Ces titres tout noirs ne sont pas beau. Comment changer leur couleur?"

Nous parlerons de cela plus-tard.

Considérez qu'avec HTML, vous devrez vous contenter de définir avec les balise la nature des éléments de votre page, et pas leur mise en forme, pas la façon dont ils sont "décorés".

Pour la mise en forme (tailles, polices, couleurs, bordures, ombres, margers, espacements etc.) nous utiliserons un autre langage, nommé CSS.

Et voilà pour les titres. Tout est dit! Aucune complication...

Nous allons maintenant apprendre à construire des tableaux dans une page web.

Haut Suivant

Voyons maintenant .

patrickgross.org

Samedi, 18 mai 2024