La structure - Transformer une page internet (2/4)

3 minutes pour coder - Transformer une page internet

Chargement de la playlist en cours...

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

Producteur : Coyote Conseil

Auteur : Arnaud Gantier et MICODE

Diffusion : 2017

Publié le - Mis à jour le 06-07-2018

Recommandations

Je t’accompagne dans
tes révisions du bac