Εσωτερικοί σύνδεσμοι στο HTML

Στο προηγούμενο μάθημα κάναμε συνδέσμους προς σελίδες άλλων sites, αντιγράφοντας τη διεύθυνσή τους από τη γραμμή διευθύνσεων του browser. Ας υποθέσουμε τώρα ότι θέλετε να συνδέσετε με συνδέσμους τις σελίδες του δικού σας site.

Σε αυτήν την περίπτωση, δεν μπορείτε να αντιγράψετε τις διευθύνσεις τους από τη γραμμή διευθύνσεων. Το γεγονός είναι ότι τέτοιες διευθύνσεις θα περιέχουν την πλήρη διαδρομή προς τη σελίδα σας από τον ριζικό δίσκο του υπολογιστή σας, και κατά τη μεταφορά σε άλλο φάκελο τέτοιοι σύνδεσμοι απλά θα σπάσουν.

Για σελίδες του δικού σας site θα πρέπει να ασκείται μια άλλη προσέγγιση. Ας τη μελετήσουμε με ένα παράδειγμα. Ας υποθέσουμε ότι στον ριζικό φάκελο του site σας βρίσκεται το αρχείο index.html και το αρχείο page.html. Ας συνδέσουμε αυτά τα αρχεία με συνδέσμους. Για αυτό, στο attribute href των συνδέσμων θα πρέπει απλά να γράψουμε τα ονόματα αυτών των αρχείων (με την επέκτασή τους). Ας το κάνουμε.

Στη σελίδα index.html ας φτιάξουμε ένα σύνδεσμο προς τη σελίδα page.html:

<h1>Index</h1>
<a href="page.html">σύνδεσμος προς τη σελίδα</a>

Και στη σελίδα page.html ας φτιάξουμε ένα σύνδεσμο προς τη σελίδα index.html:

<h1>Page</h1>
<a href="index.html">σύνδεσμος προς το index</a>

Φτιάξτε τρεις HTML σελίδες στη ρίζα του site σας. Ονομάστε τις 1.html, 2.html, 3.html. Συνδέστε αυτές τις σελίδες με συνδέσμους μεταξύ τους.

Φτιάξτε επίσης τη σελίδα index.html. Τοποθετήστε σε αυτήν συνδέσμους προς τις σελίδες 1.html, 2.html, 3.html.

Τροποποιήστε το προηγούμενο task έτσι ώστε οι σύνδεσμοι να τοποθετούνται σε μια λίστα ul.