Galerie de créations pour RPG par Joy
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.Partagez | 
 

 Tuto 2 | Les liens et les images

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Joy
FondAdmin narcissique
avatar

Messages : 605
Date d'inscription : 06/06/2012
Âge : 19
Localisation : Derrière son écran, confortablement installée au pays des licornes pégases.

Message(#) Sujet: Tuto 2 | Les liens et les images    Ven 7 Nov - 23:51

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.forumgratuit.eu/">Le forum galerie de Joy</a>
Ceci donnera : Le forum galerie de Joy
Et 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 ! ♥️


______________________________________


Le pessimiste se plaint du vent, l'optimiste espère qu'il va changer, le réaliste ajuste ses voiles.

Crédit - Joy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://dream.forumgratuit.eu
 

Tuto 2 | Les liens et les images

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» 00 "Faire un cube décoré, avec des images ou des photos"
» [Virtumonde] Mes liens ne s'ouvrent pas avec Internet Explorer
» [TUTO] Insérer des images, des vidéos ou des fichiers téléchargeables dans vos posts
» tuto passion psp 2012
» Liens inactifs dans Outlook Express

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
Dream :: Tutoriels :: Tutoriels HTML/CSS-
Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.