Internet
Now Reading
9ο Μάθημα HTML-Υπερσυνδέσεις
0

9ο Μάθημα HTML-Υπερσυνδέσεις

by Ελένη Χαλικιά15 November, 2012

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

Εισαγωγή
Οι υπερ-συνδέσεις είναι η σύνδεση μιας λέξης, πρότασης ή ακόμη και μιας ολόκληρης παραγράφου με μια άλλη ιστοσελίδα. Με αυτό τον τρόπο έχετε τη δυνατότητα αφού πατήσετε πάνω στη λέξη που έχετε ήδη κάνει υπερ-σύνδεση

με μια διαφορετική ιστοσελίδα τότε σας παραθέτει στην συγκεκριμένη ιστοσελίδα.
Σημασιολογία ετικετών
<a href=”URL”>: Αυτό χρησιμεύει για να ορίσετε τον υπερ-σύνδεσμο
</a>: Αυτό χρησιμεύει για να κλείσετε την ετικέτα του υπερ-συνδέσμου

Σύνταξη Κώδικα
Αυτή είναι η σύνταξη του html κώδικα για να δείτε πως να χρησιμοποιήσετε τις υπερ-συνδέσεις.

 
<!DOCTYPE html>
<body>
<a href=”Εδώ βάζετε το url της ιστοσελίδας που επιθυμείτε”>Εδώ το κείμενο σας</a>
</body>
</html>
Παράδειγμα  1
Αυτό είναι ένα μικρό παράδειγμα για να δείτε πως να χρησιμοποιήσετε τις υπερ-συνδέσεις σε μια πρόταση.
 
<!DOCTYPE html>
<body>
<a href=”http://elenixalopensuse.blogspot.com//”>Το blog μου</a>
</body>
</html>
Παράδειγμα  2
Αυτό είναι ένα μικρό παράδειγμα για να δείτε πως να χρησιμοποιήσετε τις υπερ-συνδέσεις σε μια παράγραφο.

<!DOCTYPEhtml>
<body>
<ahref=”http://elenixalopensuse.blogspot.com//”>
    <p>Ελπίζω να σας αρέσουν τα μαθήματα μου και να σας βοηθούν να μάθετε</p>
    <p>αλλά και να κατανοήσετε καλύτερα τη γλώσσα σήμανσης HTML.</p>
</a>
</body>
</html>

Επίλογος
Στο επόμενο μάθημα μας για την HTML θα δείτε τις ετικέτες για το πως χρησιμοποιήσετε χρώματα σε μια ιστοσελίδα και ποιο συγκεκριμένα τα εξής:
  • Πίνακες Χρωμάτων
  • Χρήση των ετικετών
  • Παραδείγματα ετικετών
Κατέβασμα Μαθήματος
Κατεβάστε το έννατο μας μάθημα HTML στον υπολογιστή σας εντελώς δωρεάν σε μορφή pdf.
Download 
Συντάκτης
Ελένη Χαλικιά
Τεχνικός Τεχνολογίας Internet
Τεχνικός Εφαρμογών Πληροφορικής

Comments

comments