Ressources du Congo

Demandez à Notepad++ de concevoir vos Sites Web (14/350)

3 Novembre 2014 , Rédigé par Zamba Synkin Publié dans #Tech' Net & Code, #e-Learning

HTML5 & CSS3: La balise h1
HTML5 & CSS3: La balise h1

Dans ce billet, je vous propose de voir comment fait un titre important d'un article d'une page. Autrement dit, nous allons voir la balise HTML que l'on utilise pour faire les premiers titres des documents. Il s'agit de la balise h1 qui s’utilise comme suit:

       <h1>Titre de l'article</h1>

Pour ce site, j'avais écrit ce bout de code HTML (vous pouvez retrouver tout le paragraphe en cliquant ici):

<h1>Pourquoi les ressources ?</h1>

À noter que pour l'instant, je ne traite pas encore de la couleur du titre, mais je le ferai dans les Ateliers à venir en faisant appel au CSS. Je vous mets ci-dessous le code HTML complet. Notez bien ce que j'ai mis entre <body> & </body>. Faites un simple clic gauche pour avoir la capture d'écran en gros plan.

HTML5 & CSS3: La balise h1

HTML5 & CSS3: La balise h1

Et en voici le rendu sous Firefox. Je vous laisse tester le rendu sous les autres navigateurs: Google Chrome, Safari et Internet Explorer.

 

Rendu du code HTML, sous Firefox, sous mise en forme

Rendu du code HTML, sous Firefox, sous mise en forme

À noter que le titre s'affiche en très grand caractère et en noir pour la simple et bonne raison que je n'ai pas encore fait appel au CSS (feuille de style) pour jouer sur la mise en forme ( décoration, couleur, taille du texte, ....). C'est ce à quoi nous allons commencer à nous atteler  dans le prochain Atelier.

Lire la suite: Demandez à Notepad++ de concevoir vos sites Web (14/350). Premiers pas le CSS.

________________________________

Tutoriels précédents:

Partager cet article

Commenter cet article