Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
HTML-Befehle: Hyperlinks, E-Mail-Links
Hyperlinks <ul><li>Zum Einfügen von Hyperlinks verwendet man den a-Tag mit folgender Syntax: </li></ul><ul><li><p> </li></...
Beispiele <ul><li><p>Für weitere Informationen habe ich hier einen  <a href=&quot;lebenslauf.html&quot; title=&quot;Lebens...
Beispiele <ul><li><p>Klicken Sie zum Vergrößern auf das Bild:</p> </li></ul><ul><li><p><a href=&quot;bilder_gross/router_g...
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...
Nächste SlideShare
Wird geladen in …5
×

HTML - Hyperlinks erstellen

539 Aufrufe

Veröffentlicht am

Veröffentlicht in: Bildung, Technologie
  • Als Erste(r) kommentieren

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

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

×