HTML: Link Tag

Δημοσιεύτηκε από τον alex

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
     <title>website</title>
</head>

<body>

<h1>a tags </h1>

<p><a href="http://www.supremohosting.com/" title="Supremo Web Hosting">Supremo Hosting </a> </p>

<p><a href="http://www.supremohosting.com/" title="Supremo Web Hosting" target="_blank">Supremo Hosting </a> </p>

<p><a href="first.html" title="first.html">first </a> </p>

<p><a href="pages/second.html" title="first.html">second </a> </p>

<p><a href="pages/second.html" title="first.html"><img src="fairy-tales.jpg" alt="fairy tales" /> </a> </p>

</body>
</html>

Η πρώτη a ετικέτα που βλέπουμε, μας κατευθύνει προς μία εξωτερική υπερσύνδεση, και συγκεκριμένα προς την ιστοσελίδα της supremo hosting. Ας δούμε τώρα τι εκφράζει το κάθε στοιχείο μέσα στην a ετικέτα.

Το href=”http://www.supremohosting.com/” είναι το σημείο που βάζουμε το link που θα κατευθύνεται κάποιος όταν θα κάνει κλικ. Το title=”Supremo Web Hosting” μας εμφανίζει το κείμενο που θα έχει το link όταν κάνουμε hover πάνω του. Το κείμενο Supremo Hosting είναι το anchor text που θα εμφανίζεται. Μετά το anchor text τοποθετούμε το κλείσιμο της a tag, δηλαδή το </p>. Το target=”_blank” το τοποθετούμε σε περίπτωση που θέλουμε η ιστοσελίδα μας να ανοίγει σε νέο παράθυρο. Σε περίπτωση που θέλουμε να κάνουμε μία img ετικέτα link, τότε απλά βάζουμε αντί για anchor text την img ετικέτα.

Leave a Reply

Your email address will not be published.

 
 
 
εκπαιδευτικά βίντεο

Εκπαιδευτικά Βίντεο

Εκπαιδευτείτε μέσα από τα εντελώς δωρεάν βίντεο μας, πάνω σε web τεχνολογίες όπως HTML, CSS, Javascript και PHP.

 
δωρεάν themes

Δωρεάν Themes

Στη Supremo Hosting προσφέρουμε εντελώς δωρεάν premium wordpress themes για τις ανάγκες της ιστοσελίδας σας!

 
κατασκευή ιστοσελίδων

Κατασκευή Ιστοσελίδων

Επωφεληθείτε από τις εξαιρετικά χαμηλές τιμές που προσφέρουμε πάνω στην κατασκευή ιστοσελίδων και eshop.

cards