Introduction au Web, HTML / CSS, JS –

Partie 2
1) après avoir chacun créé un compte, tester l'aspect collaboratif de repl.it en modifiant
un projet commun : on peut voir en temps réel les modifications et annotations faites
par les autres membres de l'équipe

2) regarder les balises <a> et <img> :

<a href="http://www.xxx.org ">texte du lien</a> permet de créer un hyperlien ; cette balise

permet d'introduire la notion d'attribut : ici, href est un attribut de a, permettant de définir l'url
destination du lien

<img src="http://www.xxx.org/aa/bb/cc.jpg " /> permet de mettre une image ; de nouveau cette
balise a un attribut, src, qui permet de définir la source de l'image : cette source peut être une
url (image en ligne) ou un chemin relatif vers un fichier, par ex :

<img src="monfichier.png" /> signifie que j'ai un fichier monfichier.png stocké au même
endroit que le fichier index.html dans lequel j'ai écrit le code HTML ; il faut donc uploader
monfichier.png dans repl.it au même endroit que index.html

on voit que img est une balise "autofermante" : elle ne contient pas d'information comme le
texte d'un hyperlien, d'un titre ou d'un paragraphe ; elle peut donc s'écrire de la forme <img
src="..." /> plutôt que <img src="..."></>

3) on peut ensuite combiner ces deux balises en respectant le principe des poupées
russes pour obtenir une "image cliquable":

<a href="http://www.xxx.org ><img src="monfichier.png" /></a>