HTML - Hyperlinks erstellen

503 Aufrufe

Veröffentlicht am

Veröffentlicht in: Bildung, Technologie
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
503
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
4
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

HTML - Hyperlinks erstellen

  1. 1. HTML-Befehle: Hyperlinks, E-Mail-Links
  2. 2. Hyperlinks <ul><li>Zum Einfügen von Hyperlinks verwendet man den a-Tag mit folgender Syntax: </li></ul><ul><li><p> </li></ul><ul><li><a href=&quot;datei.html&quot; title=&quot;Beschreibung&quot; > Der zu verlinkende Text </a> </li></ul><ul><li></p> </li></ul>href = Ziel des Links, z.B. biographie.html bilder/bild.gif http://www.xy.de/ http://www.za.com/pfad/datei.html <ul><li>Link-Titel = Beschreibung des Linkziels, wichtig für </li></ul><ul><li>Suchmaschinen </li></ul><ul><li>Ausgabe mit Screenreader </li></ul><ul><li>&quot;Zur Homepage der X-Schule&quot; </li></ul><ul><li>&quot;Übersicht über meinen Lebenslauf&quot; </li></ul><ul><li>&quot;Affenbild - Großansicht&quot; </li></ul>Ausgabe auf Webseite: Der zu verlinkende Text
  3. 3. Beispiele <ul><li><p>Für weitere Informationen habe ich hier einen <a href=&quot;lebenslauf.html&quot; title=&quot;Lebenslauf von Max Muster&quot;>Lebenslauf</a> zusammengestellt.</p> </li></ul><ul><li>Ausgabe auf Webseite: </li></ul><ul><li>Für weitere Informationen habe ich hier einen Lebenslauf zusammengestellt. </li></ul>
  4. 4. Beispiele <ul><li><p>Klicken Sie zum Vergrößern auf das Bild:</p> </li></ul><ul><li><p><a href=&quot;bilder_gross/router_gross.gif&quot; title=&quot;Fotografie eines XYZ-Routers, Großbild&quot;><img src=&quot;bilder_klein/router_klein.gif&quot; alt=&quot;Router der Fa. XYZ, Vorschaubild&quot; /></a></p> </li></ul><ul><li>Ausgabe auf Webseite: </li></ul>Klicken Sie zum Vergrößern auf das Bild:
  5. 5. E-Mail-Link <ul><li><p> </li></ul><ul><li><a href=&quot;mailto:name@domain.de&quot; title=&quot;Mail an mich senden&quot;>E-Mail-Kontakt</a> </li></ul><ul><li></p> </li></ul><ul><li>Ausgabe auf Webseite: </li></ul>E-Mail-Kontakt

×