Ceci est une prévisualisation d'un thème de Hitskin.com
Installer le thème • Retourner sur la fiche du thème
Les Liens en HTML
5 participants
Page 1 sur 1
Les Liens en HTML
salut je viens de faire un cours sur les liens en html . comment accéder à un page html depuis une autre page et d'autre astuce.
Introduction:
Les liens hypertextes vont vous permettre d'afficher des pages HTML. Les liens hypertextes vont permettre aux internautes de naviguer dans votre site.
Vous pouvez faire pointer votre lien sur une page d'un autre site (avec l'accord du webmaster de ce site c'est la loi) .
La balise lien:
Pour créer un lien il faut utiliser la balise HTML
[code <A>...</a>.[/code]
La balise HTML <A> a un attribut HREF qui va vous permettre de spécifier la page à charger. L'attribut HREF est comparable au "numéro de téléphone" de la page appelée.
Lorsque vous définissez un lien dans une page HTML, n'oubliez pas de mettre </a> qui définit la fin de la zone sensible.
Il existe deux types de liens :
- le lien Interne.
- le lien externe.
Le lien externe:
Le lien externe est le lien qui va vous permettre de relier vos pages HTML de votre site entre elles.
exemple:
Si la page HTML se trouve dans le même dossier que la page appelante, alors l'URL peut s'écrire "Mon_autre_document.html".
Si la page HTML se trouve dans un autre dossier r3 contenu dans le même dossier que la page appelante, alors l'URL peut s'écrire "R2/Mon_autre_document.html".
url relative
Si la page HTML se trouve dans un dossier r4 qui est au même niveau que le dossier (Repertoire2)(ça veut dire que le dossier r2 et r4 existe sur le méme dossier r) de la page appelante, alors l'URL peut s'écrire "../Repertoire4/Mon_autre_document.html".
Dans tous ces cas, on parle d'url relative.
url absolue
Si la page qui est appelée, se trouve sur un autre site alors l'URL doit être complète :
"HTTP://www.vinci.ma/... /Mon_autre_document.html". Dans ce cas on parle d'url absolue.
Le lien interne:
Le lien interne est le lien qui va vous permettre de vous "déplacer" dans votre page HTML. On parle aussi d'ancre
Il met en rapport deux balises.
La balise appelante :
Attention, Netscape gère mal si vous mettez pas exactement le même texte pour "nom_de_la_balise_appelee" de la balise <A Href> et le "nom_de_la_balise_appelee" de la balise <A name>.
Par exemple si vous écrivez :
Alors Netscape peu ne pas réagir.
mais si vous écrivez :
Alors cela marche à tous les coups.
La couleur des liens:
Vous pouvez définir la couleur des liens, des liens actifs et des liens visités.
Le lien devient actif lorsque l'on clique dessus.
Le lien est visité lorsque l'on a vue la page spécifiée par le lien (et qu'elle est encore dans le cache du navigateur).
***Nous voulons un lien rouge (red) :
Pour cela il faut mettre l'attribut Link = "red" dans la balise BODY,
puis créez un lien :
Pour cela il faut mettre l'attribut Alink = "#FF6633" dans la balise BODY.
***Nous voulons un lien visité vert (#66FF66) :
Pour cela il faut mettre l'attribut Vlink = "#66FF66" dans la balise BODY,
Ouvrir le lien dans une nouvelle fenêtre
Il est possible d'ouvrir un lien dans une nouvelle fenêtre grâce à l'attribut TARGET de la balise <A>.
Par défaut cet attribut prend la valeur de "_self".
Pour ouvrir le lien dans une nouvelle fenêtre, il faut écrire :
bon courage
Introduction:
Les liens hypertextes vont vous permettre d'afficher des pages HTML. Les liens hypertextes vont permettre aux internautes de naviguer dans votre site.
Vous pouvez faire pointer votre lien sur une page d'un autre site (avec l'accord du webmaster de ce site c'est la loi) .
La balise lien:
Pour créer un lien il faut utiliser la balise HTML
[code <A>...</a>.[/code]
La balise HTML <A> a un attribut HREF qui va vous permettre de spécifier la page à charger. L'attribut HREF est comparable au "numéro de téléphone" de la page appelée.
Lorsque vous définissez un lien dans une page HTML, n'oubliez pas de mettre </a> qui définit la fin de la zone sensible.
Il existe deux types de liens :
- le lien Interne.
- le lien externe.
Le lien externe:
Le lien externe est le lien qui va vous permettre de relier vos pages HTML de votre site entre elles.
exemple:
- Code:
<A HREF="url">La zone sensible</A>
Si la page HTML se trouve dans le même dossier que la page appelante, alors l'URL peut s'écrire "Mon_autre_document.html".
Si la page HTML se trouve dans un autre dossier r3 contenu dans le même dossier que la page appelante, alors l'URL peut s'écrire "R2/Mon_autre_document.html".
url relative
Si la page HTML se trouve dans un dossier r4 qui est au même niveau que le dossier (Repertoire2)(ça veut dire que le dossier r2 et r4 existe sur le méme dossier r) de la page appelante, alors l'URL peut s'écrire "../Repertoire4/Mon_autre_document.html".
Dans tous ces cas, on parle d'url relative.
url absolue
Si la page qui est appelée, se trouve sur un autre site alors l'URL doit être complète :
"HTTP://www.vinci.ma/... /Mon_autre_document.html". Dans ce cas on parle d'url absolue.
Le lien interne:
Le lien interne est le lien qui va vous permettre de vous "déplacer" dans votre page HTML. On parle aussi d'ancre
Il met en rapport deux balises.
La balise appelante :
- Code:
<A HREF="#nom_de_la_balise_appelee">mon lien appelant</A>
- Code:
<A name="nom_de_la_balise_appelee">
Attention, Netscape gère mal si vous mettez pas exactement le même texte pour "nom_de_la_balise_appelee" de la balise <A Href> et le "nom_de_la_balise_appelee" de la balise <A name>.
Par exemple si vous écrivez :
- Code:
<A HREF="#nom">mon lien appelant</A>
<A name="NOM">
Alors Netscape peu ne pas réagir.
mais si vous écrivez :
- Code:
<A HREF="#nom">mon lien appelant</A>
<A name="nom">
Alors cela marche à tous les coups.
La couleur des liens:
Vous pouvez définir la couleur des liens, des liens actifs et des liens visités.
Le lien devient actif lorsque l'on clique dessus.
Le lien est visité lorsque l'on a vue la page spécifiée par le lien (et qu'elle est encore dans le cache du navigateur).
***Nous voulons un lien rouge (red) :
Pour cela il faut mettre l'attribut Link = "red" dans la balise BODY,
puis créez un lien :
- Code:
<A href="exchap4.htm">Mon premier lien.</A>
Pour cela il faut mettre l'attribut Alink = "#FF6633" dans la balise BODY.
***Nous voulons un lien visité vert (#66FF66) :
Pour cela il faut mettre l'attribut Vlink = "#66FF66" dans la balise BODY,
Ouvrir le lien dans une nouvelle fenêtre
Il est possible d'ouvrir un lien dans une nouvelle fenêtre grâce à l'attribut TARGET de la balise <A>.
Par défaut cet attribut prend la valeur de "_self".
Pour ouvrir le lien dans une nouvelle fenêtre, il faut écrire :
- Code:
<A href="../courshtml/exemple/exchap4.html" TARGET="_blank">Mon premier lien.</A>
bon courage
owenho- Modérateur
- Messages : 115
Points : 5747
Réputation : 4
Date d'inscription : 02/05/2009
Age : 34
Localisation : larache/rabat
Re: Les Liens en HTML
de nada hermano .
Merci.
Merci.
owenho- Modérateur
- Messages : 115
Points : 5747
Réputation : 4
Date d'inscription : 02/05/2009
Age : 34
Localisation : larache/rabat
Re: Les Liens en HTML
ca va bcp m'aider moi pour le projet 1er semestre merci.
je veux savoir comment utiliser les bouton au lieu de clické sur 1mots ou une phrase.
si vous me dites comment je serai vraiment ravis.
je veux savoir comment utiliser les bouton au lieu de clické sur 1mots ou une phrase.
si vous me dites comment je serai vraiment ravis.
El hassani walid- Membre actif
- Messages : 36
Points : 5388
Réputation : 0
Date d'inscription : 25/10/2009
Age : 32
Localisation : rabat
Re: Les Liens en HTML
A Mr.El hassani walid voila la réponse de votre question:
tous simplement il faut ajouter la fonction "onclick" (fonction du Javascript) dans la balise du bouton
je sais que c'est difficile de comprendre sans un exemple
alors je te donne comme exemple: un petit code d'un bouton qui s'affiche dans une page HTML et quand click sur ce bouton le site de Club Informatique Vinci va s'afficher dans la page
le code c’est :
tous simplement il faut ajouter la fonction "onclick" (fonction du Javascript) dans la balise du bouton
je sais que c'est difficile de comprendre sans un exemple
alors je te donne comme exemple: un petit code d'un bouton qui s'affiche dans une page HTML et quand click sur ce bouton le site de Club Informatique Vinci va s'afficher dans la page
le code c’est :
- Code:
<html>
<head>
<title>lien dans un bouton</title>
</head>
<body>
<form>
<input type="button" name="lien dans un bouton" value="Vers le lien de CI-VINCI" onclick="self.location.href='http://www.ci-vinci.com'">
</form>
</body>
</html>
ELBADRI.Zakaria- Administrateur
- Messages : 141
Points : 5923
Réputation : -1
Date d'inscription : 01/05/2009
Age : 34
Re: Les Liens en HTML
oui exactement zakaria le code marche trés bien .
et si vous voudrez utiliser les bouttons avec des formulaires tu peut allé sur le cours de Formulaire. c'est bien détaillé.
bon chance.
et si vous voudrez utiliser les bouttons avec des formulaires tu peut allé sur le cours de Formulaire. c'est bien détaillé.
bon chance.
owenho- Modérateur
- Messages : 115
Points : 5747
Réputation : 4
Date d'inscription : 02/05/2009
Age : 34
Localisation : larache/rabat
Re: Les Liens en HTML
merci pour l'info ;
juste pour le buton je dois le creer avec cs
juste pour le buton je dois le creer avec cs
El hassani walid- Membre actif
- Messages : 36
Points : 5388
Réputation : 0
Date d'inscription : 25/10/2009
Age : 32
Localisation : rabat
Re: Les Liens en HTML
c interessant Tt ca
mourad morales- Amateur
- Messages : 19
Points : 5348
Réputation : 0
Date d'inscription : 04/11/2009
Age : 35
Localisation : Rabat - Kenitra
Sujets similaires
» Balise HTML ou XHTML UL
» learn html css in pictures
» Html editor =EditPlus 3.0.323
» Les principales balises HTML
» premier pas en HTML(avant de commençer )
» learn html css in pictures
» Html editor =EditPlus 3.0.323
» Les principales balises HTML
» premier pas en HTML(avant de commençer )
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|
Jeu 28 Nov - 8:07 par arsenepoutsi
» CCNA version 4 français
Dim 31 Mar - 15:15 par kadhouceeee
» Trés important " Livre exercices en langage C ( claude delannoy) "
Jeu 27 Sep - 16:31 par latifa oustouh
» Ulead VideoStudio 11.5.0157.2 Plus + Crack Collection
Jeu 26 Avr - 9:51 par miloduvi
» Langage IDL(Interface Definition Language)
Mar 27 Sep - 13:02 par Abdelkhalek Bakkari
» demande cours PHP
Jeu 2 Juin - 11:23 par elasriahmed
» exemple page web réaliser avec du html et JavaScript
Lun 30 Mai - 4:05 par ouh.rouchan.zakaria
» cours group2_ 2année 2011
Dim 20 Mar - 15:35 par El Maligno Angelo
» Cours : Infrastructures Réseaux 2003 Server
Mar 15 Fév - 6:55 par jettjackson
» cours officiel de CCNA 2
Mar 18 Jan - 13:53 par agares