Liens hypertextes-internes

Fermé
3ayafef Messages postés 13 Date d'inscription mardi 16 avril 2013 Statut Membre Dernière intervention 11 juillet 2014 - 16 avril 2013 à 20:57
 Najhid - 17 avril 2013 à 11:57
bonjours
je veux créer un lien interne mais je n'arrive pas, j'ai bien cherché sur internet et j'ai bien appliqué tous les formules proposés, le lien prend la couleur bleu mais il n'affiche pas son contenu sur la même page.
le contenu du texte que je veux l'écrire :
HTML-premier code html

sommaire
1. définition
2. les premières balises
3. les balises indispensables
4. première page avec le bloc-note
5. quelque règles simples pour débuter

Après, on fait une ligne séparant entre le sommaire et le contenu du texte. Apres chaque titre, on le définit avec une paragraphe.Dans la 3éme paragraphe,on doit créer un tableau de 6 lignes et 2 colonnes, mais aussi il ne s'affiche pas correctement :(
Dans ma page Notepad ++, j'ai écrit:
<html>
<head>
<title> HTML-Premier code HTML</title>
</head>
<body>
<h1><center>HTML-premier code HTML</center></h1>
<h2><i><u>sommaire</u></i></h2>
<ol>
<a name="definition"></a>
<li><u><a href="definition">definition</a></u>
<a name="les premier balises (ou tag)"></a>
<li><u><a href="#les premiers balises (ou tag).html">les premiers balises(ou tag)</A></u>
<a name="les balises indispensables"></a>
<li><u><a href ="#les balises indispensables.html">les balises indispensables </a></u>
<a name="premiere page avec le bloc-notes"></a>
<li><u><a href ="#premiere page avec le bloc-notes.html">premiere page avec le bloc-note</a></u>
<a name="quelque regles simples pour débuter"></a>
<li><u><a href ="http//:www.quelque regles simples pour débuter.html">quelque regles simples pour débuter</a></u>
</ol>
<hr width=95%>

<dl>

<dt>1. definition
<dd>le code HTML(hypertext markup language) est un language de description...
<dt><br>2. les premiers balises</br>
<dd>les balises :elle apparait en premier et signale aux differents navigateurs que c'est une page web. le tag indique la fin de la page...
<dt><br>3. les balises indispensables</br>
<dd>tableau des balises les plus rencontrées:
<table border=2>
<tr>
<td> <font> </td>
<td> definition du texte </td>
</tr>
<tr>
<td> <h1>à<h6> </td>
<td> titre de niveau 1 à 6 </td>
</tr>
<tr>
<td> <p> </td>
<td> debut d'un paragraphe(saut de 2 lignes) </td>
</tr>
<tr>
<td> <table> </td>
<td> structure d'un tableau </td>
</tr>
<tr>
<td> <tr> </td>
<td> ligne d'un tableau </td>
</tr>
<tr>
<td> <td> </td>
<td> cellule d'un tableau </td>
</tr>
</table>
<dt><br>4. premiere page avec le bloc-note</br>
<dt><br>5. quelques regles simples pour debuter</br>
</dl>

</body>
</html>
s'il vous plait, donnez moi les erreurs et comment je doit faire pour les corriger.

1 réponse

Bonjour, c'est trés simple un lien dans une page :

2 parties:
L'endroit à repercer pour le lien, il est invisible dans la page:

<a name='haut_de_page'></a>
Il indique un repère.

2ème partie le lien il doit contenir un texte ou une image à cliquer:
<a href="#haut_de_page">Aller en haut</a>

Vous remarquez le symbole dièse (#) devant le nom de l'ancre haut_de_page et que ce nom ne doit pas contenir d'espace.

Or dans votre travail vous ne respectez pas ces règles:

<a href="#les premiers balises (ou tag).html">les premiers balises(ou tag)

Indique que vous faites un lien interne vers un fichier nommé:
les premiers balise (ou tag).html
Un lien externe ne peut pas être vers un fichier html donc oubliez le # si vous voulez charger une page html, c'est soi interne soit externe(image, page html, autre...).
Votre nom de fichier(dans le cas d'un lien classique-externe-) ne peut contenir de caractère spéciaux comme les espaces " " et les parenthèses, ne doit pas contenir d'accent et évitez les majuscules.

En récapitulatif:

soit votre lien est externe vers un fichier comme une page html il s'écrit comme ceci:

<a href="ma_page.html">Changer de page</a>

Soit il est interne et vous devez avoir placé une balise invisible qui repère l'emplacement vers lequel diriger dans la page:

<a href="#repere">aller voir cette partie</a> va mettre la page sur l'emplacement où se trouve la balise <a name="repere"></a>


edit:

Vous ne pouvez pas écrire ceci:

<a name="quelque regles simples pour débuter"></a>

Vous devez écrire ceci:
<a name="quelque_regles_simples_pour_debuter"></a>
et donc faire le lien vers cette zone avec:
<a href="#quelque_regles_simples_pour_debuter">Lien interne</a>

Mais c'est quand même beaucoup vous casser la tête, l'informatique et ses langages sont faits pour se simplifier la vie, que pensez vous ce ça:
L'ancre nommée:
<a name="debut"></a>
Et le lien:
<a href="#debut">Lien interne</a>
0