Les liens et les images
Tout d'abord, bonjour/bonsoir/bonne nuit.
Nous allons maintenant voir comment mettre des liens et des images grâce au HTML ! Parce qu'après tout, il nous faut bien quelques balises pour commencer. Et si vous vous êtes trompés ou que vous voulez commencer par le 2 avant le 1, je vous conseille d'aller faire un tour
par ici d'abord.
Les liens
A) La balise La balise des liens est une balise en paires.
- Code:
-
<a href="VOTRE LIEN">Un texte</a>
Décortiquons ce bout de code voulez-vous ?
La balise des liens est la balise a. Sauf que le bout de code suivant ne peut pas marcher :
- Code:
-
<a>...</a>
Bah oui, il manque le
lien en lui-même. Pour cela, on va se servir d'un élément très utile, un attribut. Sur le premier code, on le voit, c'est l'attribut href.
B) L'attribut Il existe différents attributs, avec des fonctions différentes, qui fonctionnent avec certaines balises selon leur fonction. Ici, l'attribut href permet d'insérer le lien. Sans cet attribut, la balise a ne fonctionne pas. Il est donc nécessaire ! (De toute façon, c'est simple, on peut pas l'oublier.)
Il y a une certaine écriture pour les attributs
qui ne change jamais et qu'il
faut connaître. On a d'abord l'écriture de l'attribut en lui même (href) on met un signe égal (=) et
on ouvre les guillements ("..."). C'est entre les guillemets que vous aurez le contenu de l'attribut.
- Code:
-
ATTRIBUT="CONTENU DE L'ATTRIBUT"
href="LIEN"
C) Un exemple concret Logiquement on a tout. Ah mais oui ! On a oublié de montrer qu'il y avait un texte aussi à mettre. Si la balise a est une balise en paires, c'est parce qu'elle délimite d'un bout à l'autre un texte, et c'est en cliquant sur ce texte que le lien s'ouvrira. Trop confus ? Avec un exemple concret, c'est plus facile.
- Code:
-
<a href="http://www.dream.forumsactifs.net/">Le forum galerie de Joy</a>
Ceci donnera :
Le forum galerie de JoyEt comme vous le voyez, c'est en cliquant sur le texte "Le forum galerie de Joy" qu'on se retrouve sur la page d'accueil de ce forum !
Les images
A) La balise Attaquons maintenant les images ! Ça va être rapide !
La balise de l'image est une balise orpheline, parce qu'une image ne se trouve qu'à un seul endroit donné.
- Code:
-
<img src="LIEN DE L'IMAGE" />
Oh tiens mais qu'avons nous là ? Un deuxième attribut ! C'est simple, il s'utilise pareil, mais il a une fonction différente, bien que similaire. Le contenu de cet attribut est la source de votre image. Donc, son lien. (C'est plus complexe pour ça pour ceux qui font informatique etc mais moi je fais qu'aider vite fait qu'on se le dise.)
B) Exemple On se fait un petit exemple et c'est bon.
- Code:
-
<img src="http://i.imgur.com/QYkAL1E.jpg" />
Donnera :
Voilà ! Si vous avez des questions, n'hésitez pas à les poser
ici !