Liens entre trois pages html

Résolu
giovani -  
 goivani -
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

Réponse 1 / 4
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 751
 
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>

0
giovani
 
Bonjour.
Je pense que les balises ne vont pas suffire pour faire fonctionner mes liens
pour passer d'une page a l'autre.
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223 > giovani
 
As-tu testé au moins? Bien sûr qu'elles sont suffisantes!
0
Réponse 2 / 4
giovani
 
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>
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223
 
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>
.
0
giovani > ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention  
 
Non ça ne marche pas mais la balise <title>je la place ou?
j'ai changé body par <haed> rien a changé.
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223 > giovani
 
Si 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é.
0
Réponse 3 / 4
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 751
 
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
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223
 
Oukilé mon 
<!DOCTYPE>
?!? :-)
Et t'as raté la fermeture de ton head.
0
giovani > ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention  
 
voici 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>
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223 > giovani
 
Et où est le reste de la structure du document HTML?
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 751 > ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention  
 
J'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>
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223 > jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention  
  
<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à.
0
Réponse 4 / 4
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 751
 
@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
0
ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention   1 223
 
Il est où le lien?
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 751 > ElementW Messages postés 4814 Date d'inscription   Statut Contributeur Dernière intervention  
 
Le 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;
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 751
 
ouppsss... il se fait tard....
Ce lien là :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Retrouver liens copiés sur le téléphone
SAMA -
Peterson -

3 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse