Logo Lumni

Oups, veuillez renseigner une adresse email valide

France Télévisions et l’INA traitent votre adresse e-mail afin de vous adresser respectivement les newsletters Lumni et Lumni Médiateurs FTV, la newsletter Lumni Enseignants INA. Pour exercer vos droits sur vos données personnelles, cliquez sur le lien de désabonnement intégré dans les newsletters ou contactez FTV ou l’INA. Pour en savoir plus, voir les politiques de confidentialité de FTV et de l’INA.

bouton de recherche
icone play

Contenu proposé par

France Télévisions
sso_title
sso_description
Techno01:52

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

3 minutes pour coder

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

Publié le 09/10/17

Modifié le 04/12/19

arrow
voir plus

Ce contenu est proposé par