Les différents types de liens Bouton_activeLes différents types de liens Bouton_hoverLes différents types de liens Fb-hoverLes différents types de liens Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Les différents types de liens EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Les différents types de liens EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Les différents types de liens EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Les différents types de liens EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Les différents types de liens EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Les différents types de liens EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Les différents types de liens EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Les différents types de liens EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

Partagez
 

Les différents types de liens

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Loumina
Loumina
{ Membre actif }
{ Membre actif }

Féminin Messages : 308



Les différents types de liens Empty
Différents types de liens

Niveau: facile | Par: Loumina | Validé par: Loumina | En date du: 2009



    Introduction
    Je suppose que tout le monde sait ce qu'est un lien. Pour rappel c'est ce qui lie entres elles les pages de vos sites/forums. Dès lors on distingue deux catégories de liens, les absolus et les relatifs.

    Les liens relatifs sont ceux qui lient les pages internes de votre site.
    Les liens absolus sont des liens tels que "http://forum.forumactif.org/' ou encore "http://forum.forumactif.org/posting.forum". Ils commencent obligatoirement par un "http://'.

    Un lien normal
    NOM DE TON LIEN
    Code:
    <a href="URL DE LA PAGE">NOM DE TON LIEN</a>
    Il est composé de la balise
    Code:
    <a>
    et de l'attribut href qui désigne la page à lier.

    Une bulle d'aide
    NOM DU LIEN
    Code:
    <a href="URL DE LA PAGE" title="TITRE DE LA BULLE">NOM DU LIEN</a>
    Si vous passez votre souris sur le lien vous verrez apparaitre un petit texte. Magie ? Pas vraiment non. Pour cela il suffit d'ajouter l'attribut title="TITRE DE LA BULLE"

    Liens externes
    NOM DU LIEN
    Code:
    <a href="URL DE TA PAGE" target="_blank ">NOM DU LIEN</a>
    Rajouter l'attribut target="_blank " fera s'ouvrir la page dans une nouvelle fenêtre.

    Autres liens

    Code:
    <a href="mailto:ADRESSE MAIL">TON TEXTE</a>
    Ce lien vous renvoie sur la page d'envoi d'un mail.

    Code:
    <a href="javascript:window.close()">FERMER LA PAGE</a>
    Il ferme les fenêtres (non pop-up).

    Code:
    <a href="URL DU LIEN"><img src="URL DE LIMAGE"></a>
    Lien sur une image simple

    Code:
    <a href="URL DU LIEN"><img src="URL DE LIMAGE"> TEXTE</a>
    Lien sur une image et un texte.

MessageSujet: Les différents types de liens   Les différents types de liens EmptyDim 20 Juin 2010, 07:37
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Les différents types de liens Empty
FAQ


Q
Voilà, j'ai une petite question concernant les bulles d'aides. J'aimerais savoir s'il est possible de changer la couleur de fond, du texte, de la souris aussi.

R
Malheureusement non ptitlac, pour ça il faut passer par une infobulle via le CSS


Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml
MessageSujet: Re: Les différents types de liens   Les différents types de liens EmptyJeu 04 Aoû 2011, 05:26
Revenir en haut Aller en bas
http://www.mavectragts.fr
spacy59
spacy59
{ Membre }
{ Membre }

Masculin Messages : 6



Les différents types de liens Empty
A savoir que l'attribut Blank est a eviter pour la validation W3C ^^

Il existe aussi la valeur _new
MessageSujet: Re: Les différents types de liens   Les différents types de liens EmptyLun 22 Oct 2012, 07:15
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Les différents types de liens Empty
Spacy59 > hmmm non je suis désolé mais :
  • _new n'est pas valide W3C. En fait, il n'existe pas, tout comme target="cssactif" n'existe pas mais ouvre une nouvelle fenêtre "identifiée" avec ce nom, et sera donc remplacée si on clique sur un autre lien ayant le même target

  • _blank n'est pas valide en (x)HTML mais il n'y a pas vraiment de méthode valide sans passer par du javascript (disons que c'est donc toléré, y'a pire comme invalidité). En HTML 5 en revanche, c'est valide : http://www.w3.org/TR/2010/WD-html5-20100624/browsers.html#valid-browsing-context-name-or-keyword
MessageSujet: Re: Les différents types de liens   Les différents types de liens EmptyLun 22 Oct 2012, 14:40
Revenir en haut Aller en bas
Chinelle
Chinelle
{ Membre }
{ Membre }

Féminin Messages : 119



Les différents types de liens Empty
Sans parler de validation html5 ou xhtml1.0, un lien devrait idéalement toujours contenir l'attribut title, question d'accessibilité, notamment pour les personnes handicapées ou seniors( il en est de même idéalement pour les images). Cet attribut n'a donc pas qu'un intérêt esthétique.
MessageSujet: Re: Les différents types de liens   Les différents types de liens EmptyDim 25 Nov 2012, 08:18
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Les différents types de liens Empty
Chinelle > Tout à fait Smile L'occasion de me faire remarquer d'ailleurs que ce sujet n'a toujours pas subi la refonte, mais son heure viendra ^_^
MessageSujet: Re: Les différents types de liens   Les différents types de liens EmptyLun 26 Nov 2012, 04:47
Revenir en haut Aller en bas
Contenu sponsorisé




Les différents types de liens Empty
MessageSujet: Re: Les différents types de liens   Les différents types de liens Empty
Revenir en haut Aller en bas
 

Les différents types de liens

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

 Sujets similaires

-
» Différents types de liens (messages)
» [Liens] Liens avec fond coloré
» [Liens] Quelques effets pour vos liens
» [Liens] Liens en petites majuscules
» [Liens] Soulignement des liens en pointillés

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: Bases CSS & xHTML :: Bases du HTML-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit