La structure d'une page internet (2/4)

3 minutes pour coder
Publié le 09/10/17Modifié le 04/12/19

Sur le même sujet

Comment modifier le texte d'une page Web ?

Dans la première vidéo, on a vu comment faire apparaître le code HTML d’un site internet avec l’outil inspecteur. Mais on peut également le modifier. Et c’est ce que l’on va voir dans cette vidéo !

Quand tu cliques sur le bouton "inspecter" et que tu passes au-dessus de la page, tu voir des rectangles bleus apparaître où tu passes ta souris et le texte de notre nouvelle fenêtre qui se modifie au fur et à mesure.

Ce que tu vois c’est simplement le code de la page et plus précisément le code qui a permis de placer cet élément à cet endroit. D’ailleurs, je te propose de regarder les différents blocs qui composent cette page. Parce que tous ces blocs nous amènent à un point important du HTML.

Une succession de blocs

À la base de ce langage, il y a la notion de bloc de contenu. A l’intérieur de ces blocs on peut faire ce que l’on veut. Comme tu peux le voir sur cette page : certains blocs sont composés d’images, d’autres de textes ou encore d’autres blocs !

Maintenant on va essayer de repérer une partie précise de ce code. Clique sur le bouton "inspecter" et va sur le bloc titre de la page. Normalement tu devrais voir ce texte dans la fenêtre du code :

<h1 class="title-content" itemprop="name">La structure  - Transformer une page internet (2/4)</h1>

Cette ligne, c’est le code du titre au-dessus de la vidéo. Notre but est de le modifier. Pour ça, clique 2 fois très rapidement sur le code coloré en bleu pour qu’il soit sélectionné et remplace le par ce que tu veux. Ton prénom par exemple. Quand tu as fini d’écrire appuie sur la touche "entrée". Si tu regardes le site, tu vois maintenant ce que tu viens d'écrire à la place du titre.

Si tu vois ton prénom à la place du titre et tu peux passer à la vidéo suivante : « Le texte et la couleur - Transformer une page internet (3/4) ».

 

Réalisateur : Valentin Levelli

Nom de l'auteur : Arnaud Gantier et MICODE

Producteur : Coyote Conseil

Année de production : 2017

Année de diffusion : 2017

Voir plus

Retrouve ce contenu dans :