Liens entre trois pages html

Résolu
Bonjour,
J'ai un petit souci de page au format HTLM je voudrais faire un lien entre ses
trois pages Accueil,Contact,Client. je n'arrive pas a passer de l'une a l'autre
avez vous possibilité de me coder ces trois pages .Merci.
Cordialement.

4 réponses

  1. Modérateur
    Bonjour,

    Te coder les pages ???
    Et tu veux qu'on y mette quoi ?

    De toutes façons.. (en ce qui me concerne...) je ne code pas pour les autres... (par contre je veux bien t'aider à le faire si tu as un souci clairement exprimé ! )

    Pour ce qui est de ta question... il semble juste que ce que tu cherches ce sont : les LIENS html... autrement dit.. les balises <a>

    Exemple :
    <a href="accueil.html" >Accueil</a>
    <a href="Contact.html" >Contact</a>
    <a href="Client.html" >Client</a>
    

    1. Bonjour.
      Je pense que les balises ne vont pas suffire pour faire fonctionner mes liens
      pour passer d'une page a l'autre.
    2. Contributeur
      @giovaniAs-tu testé au moins? Bien sûr qu'elles sont suffisantes!
  2. bonjour.
    j'ai rentré les codes sur chaques pages .
    <body>
    <title>accueil</title>
    <a href="accueil.html">accueil</a>
    <a href="client.html">client</a>
    <a href="contact.html">contact</a>
    </body>
    1. Contributeur
      j'ai rentré les codes sur chaques pages
      C'est bien. Et ça marche alors?
      Au fait, la balise
      <title></title>
      va dans le
      <head>
      , pas le
      <body>
      .
    2. @ElementWNon ça ne marche pas mais la balise <title>je la place ou?
      j'ai changé body par <haed> rien a changé.
    3. Contributeur
      @giovaniSi tu lisais ma phrase comme il faut au moins... J'ai pas dit de remplacer le
      <body>
      , et encore moins de faire une faute de frappe à head. Un bloc
      <head>
      est obligatoire pour avoir un document HTML valide, situé avant le body, avec le title dedans.
      Après j'estime que tu nous montres qu'une partie de ta page et que tu n'as pas oublié l'élément général
      <html>
      ni son
      <!DOCTYPE>
      approprié.
  3. Modérateur
    Bonsoir,

    Structure type (minimale ) d'un document html

    
    <html>
    <head>
    <title>
     ICI tu places le titre de ta page !
    </title>
    </head>
    <body>
    <!-- ICI vient le CONTENU de ta page -->
    
    <!-- Liens vers tes autres pages -->
    <a href="accueil.html">accueil</a>
    <a href="client.html">client</a>
    <a href="contact.html">contact</a> 
    
    </body>
    </html>
    
    
    


    NB : Pour que tes liens fonctionnent... tels qu'ils sont écrits ici... les fichiers sont placés DANS LE MEME DOSSIER QUE LA PAGE appelante....

    Si, par exemple, ces différentes pages se trouvent dans un "sous-dossier" de ton site.. il faudra bien entendu que tu l'indiques !

    <a href="autre_repertoire/accueil.html">accueil</a>
    <a href="autre_repertoire/client.html">client</a>
    <a href="autre_repertoire/contact.html">contact</a> 
    
    


    EDIT : Ajout du </head> manquant...oupss

    Cordialement,
    Jordane
    1. Contributeur
      Oukilé mon
      <!DOCTYPE>
      ?!? :-)
      Et t'as raté la fermeture de ton head.
    2. @ElementWvoici la modif.
      <head>
      <title>ACCUEIL</title>

      <body>
      <title>accueil</title>
      <a href="accueil.html">accueil</a>
      <a href="client.html">client</a>
      <a href="contact.html">contact</a>
      </head>
    3. Contributeur
      @giovaniEt où est le reste de la structure du document HTML?
    4. Modérateur
      @ElementWJ'ai ajouté le /head.. oupsss..

      Pour le doctype (et le reste comme les meta).. pas besoin dans la structure minimale du HTML....

      mais bon.. si on veut être complet.. dans ce cas là il faut mettre tout ça ...
      <!doctype html>
      <html lang="fr">
       <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="mon zoli site avec le doctype">
        <meta name="author" content="gravgun">
        <title>
          ICI tu places le titre de ta page !
        </title>
      </head>
      
      
    5. Contributeur
      @jordane45
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      . Pfff, vous les vieux du HTML4 vous êtes bavards!
      Moi je dis juste
      <meta charset="utf-8">
      !
      Bon OK, je chipote là.
  4. Modérateur
    @goivani :

    Avant de poursuivre sur ce forum... et AVANT d'y reposter du code.. je te demande d'aller lire avec ATTENTION le contenu du lien suivant :
    https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

    Ensuite.. concernant ton code...
    Le voici en grande partie corrigé:
    
    
    <!DOCTYPE html>
    <html>
    <head><!-- Début du HEAD --->
    
    <title>ACCUEIL</title>
    
    <!-- Un peu de Style .. -->
    <style type="text/css">
    html, body {height: 100%}
    #wrap {min-height: 100%}
    
      ul.navbar {
        list-style-type: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 2em;
        left: 1em;
        width: 5.5em 
     }
      ul.navbar li {
        background: white;
        margin: 0.2em 0;
        padding: 0.3em;
        border-right: 0.3em solid black 
     }
     
      .div_img{
         width:100%;
         margin: 1em 7em;
      }
     
       #footer{
         clear:both;
         height: 250px
        }
     
      </style>
    
    
    </head><!-- Fin du HEAD --->
    <body bgcolor="#01BOFO"><!-- Début du BODY --->
    <ul class="navbar">
      <li><a href="accueil.html">accueil</a>
      <li><a href="client.html">client</a>
      <li><a href="contact.html">contact</a>
    
    </ul>
    
    <div class="div_img">
    <img src="ban.png"width="1125"height="200"border="2"/>
    <br>
    <img src="fleur.png"width="400"height="244">
    
    <img src="texte.png"width="400"height="244">
    </div>
    <div id="footer" >
    <img src="foot.png"width="330"height="245"align="right">
    </div>
    </body><!-- Fin du BODY --->
    </html>
    
    


    Après... pour le positionnement des tes éléments... il ne te reste qu'à jouer avec le STYLE...le CSS....
    Je t'invite à parcourir le web à la recherche de tutoriels sur le sujet.... car sans un minimum de bases.. impossible pour toi d'avancer !

    EDIT : Ajout du lien manquant .. Oo

    Cordialement,
    Jordane
    1. Contributeur
      Il est où le lien?
    2. Modérateur
      @ElementWLe lien de ?
      Oui.. bon.. ok.. je lui ai fait un peu plus que demandé....
      Mais bon.. vu que je m'attend à ce qu'il nous demande de lui faire sa page... autant lui donner un exemple maintenant;