SlideShare ist ein Scribd-Unternehmen logo
HTML-Befehle: Hyperlinks, E-Mail-Links
Hyperlinks Zum Einfügen von Hyperlinks verwendet man den a-Tag mit folgender Syntax: <p> <a  href=&quot;datei.html&quot;  title=&quot;Beschreibung&quot; > Der zu verlinkende Text </a> </p> href  = Ziel des Links, z.B. biographie.html bilder/bild.gif http://www.xy.de/ http://www.za.com/pfad/datei.html Link-Titel  = Beschreibung des Linkziels, wichtig für Suchmaschinen Ausgabe mit Screenreader &quot;Zur Homepage der X-Schule&quot; &quot;Übersicht über meinen Lebenslauf&quot; &quot;Affenbild - Großansicht&quot; Ausgabe auf Webseite: Der zu verlinkende Text
Beispiele <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> Ausgabe auf Webseite: Für weitere Informationen habe ich hier einen  Lebenslauf  zusammengestellt.
Beispiele <p>Klicken Sie zum Vergrößern auf das Bild:</p> <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> Ausgabe auf Webseite: Klicken Sie zum Vergrößern auf das Bild:
E-Mail-Link <p> <a  href=&quot;mailto:name@domain.de&quot;  title=&quot;Mail an mich senden&quot;>E-Mail-Kontakt</a> </p> Ausgabe auf Webseite: E-Mail-Kontakt

Weitere ähnliche Inhalte

Andere mochten auch

Question pour un champion PS
Question pour un champion PSQuestion pour un champion PS
Question pour un champion PS
Denis Papy
 
Professional experience
Professional experienceProfessional experience
Professional experience
julian artavia
 
internet
internetinternet
internet
ernestoodealba
 
Lcc aide alverca
Lcc aide alvercaLcc aide alverca
Lcc aide alverca
Aide Alverca
 
Cie l'entreprise informatique inc.
Cie l'entreprise informatique inc.Cie l'entreprise informatique inc.
Cie l'entreprise informatique inc.
André Légaré
 
Presentation21
Presentation21Presentation21
Expedientes alumnos preescolar
Expedientes alumnos preescolarExpedientes alumnos preescolar
Expedientes alumnos preescolar
Norma Asención
 
ΙΣΤΟΡΙΑ Γ ΛΥΚΕΙΟΥ
ΙΣΤΟΡΙΑ Γ ΛΥΚΕΙΟΥΙΣΤΟΡΙΑ Γ ΛΥΚΕΙΟΥ
ΙΣΤΟΡΙΑ Γ ΛΥΚΕΙΟΥ
Voula Zisopoulou
 
Portafolio diseño industrial y de servicios
Portafolio diseño industrial y de serviciosPortafolio diseño industrial y de servicios
Portafolio diseño industrial y de servicios
julipatinoa
 
Atélier des phrases
Atélier des phrasesAtélier des phrases
Atélier des phrases
MeBeasley
 
Introducción a las redes de computadores
Introducción a las redes de computadoresIntroducción a las redes de computadores
Introducción a las redes de computadores
haca1986
 
2012 melanchon recupere_
2012 melanchon recupere_2012 melanchon recupere_
2012 melanchon recupere_
desintocx
 
AMIT BHARADWAJ UNI DOCUMENTS
AMIT BHARADWAJ UNI DOCUMENTSAMIT BHARADWAJ UNI DOCUMENTS
AMIT BHARADWAJ UNI DOCUMENTS
Amit Bhardwaj
 
Bannerwerbung mit jQuery
Bannerwerbung mit jQueryBannerwerbung mit jQuery
Bannerwerbung mit jQuery
Clemens Bartlome
 
AXE - Anticipated Experience Evaluation (deutsch)
AXE - Anticipated Experience Evaluation (deutsch)AXE - Anticipated Experience Evaluation (deutsch)
AXE - Anticipated Experience Evaluation (deutsch)
Barbara Wacht
 
Présentation chaire de francais
Présentation chaire de francais Présentation chaire de francais
Présentation chaire de francais
Nana Gasparyan
 
1
11
Etude Olfeo 2012 - L'utilisation d'Internet au bureau
Etude Olfeo 2012 -  L'utilisation d'Internet au bureauEtude Olfeo 2012 -  L'utilisation d'Internet au bureau
Etude Olfeo 2012 - L'utilisation d'Internet au bureau
Olfeo Nom de famille
 

Andere mochten auch (20)

Question pour un champion PS
Question pour un champion PSQuestion pour un champion PS
Question pour un champion PS
 
Professional experience
Professional experienceProfessional experience
Professional experience
 
internet
internetinternet
internet
 
Lcc aide alverca
Lcc aide alvercaLcc aide alverca
Lcc aide alverca
 
CBK CERTIFCATE
CBK CERTIFCATECBK CERTIFCATE
CBK CERTIFCATE
 
Cie l'entreprise informatique inc.
Cie l'entreprise informatique inc.Cie l'entreprise informatique inc.
Cie l'entreprise informatique inc.
 
Presentation21
Presentation21Presentation21
Presentation21
 
Expedientes alumnos preescolar
Expedientes alumnos preescolarExpedientes alumnos preescolar
Expedientes alumnos preescolar
 
ΙΣΤΟΡΙΑ Γ ΛΥΚΕΙΟΥ
ΙΣΤΟΡΙΑ Γ ΛΥΚΕΙΟΥΙΣΤΟΡΙΑ Γ ΛΥΚΕΙΟΥ
ΙΣΤΟΡΙΑ Γ ΛΥΚΕΙΟΥ
 
Portafolio diseño industrial y de servicios
Portafolio diseño industrial y de serviciosPortafolio diseño industrial y de servicios
Portafolio diseño industrial y de servicios
 
Atélier des phrases
Atélier des phrasesAtélier des phrases
Atélier des phrases
 
Introducción a las redes de computadores
Introducción a las redes de computadoresIntroducción a las redes de computadores
Introducción a las redes de computadores
 
2012 melanchon recupere_
2012 melanchon recupere_2012 melanchon recupere_
2012 melanchon recupere_
 
AMIT BHARADWAJ UNI DOCUMENTS
AMIT BHARADWAJ UNI DOCUMENTSAMIT BHARADWAJ UNI DOCUMENTS
AMIT BHARADWAJ UNI DOCUMENTS
 
Français iii partiel 3 bis
Français iii partiel 3 bisFrançais iii partiel 3 bis
Français iii partiel 3 bis
 
Bannerwerbung mit jQuery
Bannerwerbung mit jQueryBannerwerbung mit jQuery
Bannerwerbung mit jQuery
 
AXE - Anticipated Experience Evaluation (deutsch)
AXE - Anticipated Experience Evaluation (deutsch)AXE - Anticipated Experience Evaluation (deutsch)
AXE - Anticipated Experience Evaluation (deutsch)
 
Présentation chaire de francais
Présentation chaire de francais Présentation chaire de francais
Présentation chaire de francais
 
1
11
1
 
Etude Olfeo 2012 - L'utilisation d'Internet au bureau
Etude Olfeo 2012 -  L'utilisation d'Internet au bureauEtude Olfeo 2012 -  L'utilisation d'Internet au bureau
Etude Olfeo 2012 - L'utilisation d'Internet au bureau
 

Ähnlich wie HTML - Hyperlinks erstellen

Suchmaschinen-Optimierung
Suchmaschinen-OptimierungSuchmaschinen-Optimierung
Suchmaschinen-Optimierung
FH Joanneum
 
Atom Publishing Protocol
Atom Publishing ProtocolAtom Publishing Protocol
Atom Publishing Protocol
Richard Metzler
 
HTTPs Migration How To - SMX München 2017
HTTPs Migration How To - SMX München 2017HTTPs Migration How To - SMX München 2017
HTTPs Migration How To - SMX München 2017
Bastian Grimm
 
CSS: Schrift formatieren
CSS: Schrift formatierenCSS: Schrift formatieren
CSS: Schrift formatieren
lehrerfreund
 
WordPress.com-Blogs individualisieren
WordPress.com-Blogs individualisierenWordPress.com-Blogs individualisieren
WordPress.com-Blogs individualisieren
Torsten Landsiedel
 
Websemantik: Die nächsten Schritte
Websemantik: Die nächsten SchritteWebsemantik: Die nächsten Schritte
Websemantik: Die nächsten Schritte
Michael Jendryschik
 
Dynamische Websites mit XML
Dynamische Websites mit XMLDynamische Websites mit XML
Dynamische Websites mit XML
Stephan Schmidt
 
HTML5: Einblick, Überblick, Ausblick
HTML5: Einblick, Überblick, AusblickHTML5: Einblick, Überblick, Ausblick
HTML5: Einblick, Überblick, Ausblick
Michael Jendryschik
 
SEM SEO Vortrag an der BAW München
SEM SEO Vortrag an der BAW MünchenSEM SEO Vortrag an der BAW München
SEM SEO Vortrag an der BAW München
KOHLFÜRST Online Marketing Beratung
 

Ähnlich wie HTML - Hyperlinks erstellen (10)

Suchmaschinen-Optimierung
Suchmaschinen-OptimierungSuchmaschinen-Optimierung
Suchmaschinen-Optimierung
 
Atom Publishing Protocol
Atom Publishing ProtocolAtom Publishing Protocol
Atom Publishing Protocol
 
CSS: Einführung
CSS: EinführungCSS: Einführung
CSS: Einführung
 
HTTPs Migration How To - SMX München 2017
HTTPs Migration How To - SMX München 2017HTTPs Migration How To - SMX München 2017
HTTPs Migration How To - SMX München 2017
 
CSS: Schrift formatieren
CSS: Schrift formatierenCSS: Schrift formatieren
CSS: Schrift formatieren
 
WordPress.com-Blogs individualisieren
WordPress.com-Blogs individualisierenWordPress.com-Blogs individualisieren
WordPress.com-Blogs individualisieren
 
Websemantik: Die nächsten Schritte
Websemantik: Die nächsten SchritteWebsemantik: Die nächsten Schritte
Websemantik: Die nächsten Schritte
 
Dynamische Websites mit XML
Dynamische Websites mit XMLDynamische Websites mit XML
Dynamische Websites mit XML
 
HTML5: Einblick, Überblick, Ausblick
HTML5: Einblick, Überblick, AusblickHTML5: Einblick, Überblick, Ausblick
HTML5: Einblick, Überblick, Ausblick
 
SEM SEO Vortrag an der BAW München
SEM SEO Vortrag an der BAW MünchenSEM SEO Vortrag an der BAW München
SEM SEO Vortrag an der BAW München
 

Mehr von lehrerfreund

mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTO
lehrerfreund
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLE
lehrerfreund
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypen
lehrerfreund
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatieren
lehrerfreund
 
CSS: Zweispaltige Layouts
CSS: Zweispaltige LayoutsCSS: Zweispaltige Layouts
CSS: Zweispaltige Layouts
lehrerfreund
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheet
lehrerfreund
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfen
lehrerfreund
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Array
lehrerfreund
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrays
lehrerfreund
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHP
lehrerfreund
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)
lehrerfreund
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypen
lehrerfreund
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentare
lehrerfreund
 

Mehr von lehrerfreund (20)

ERM - Überblick
ERM - ÜberblickERM - Überblick
ERM - Überblick
 
mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTO
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLE
 
mySQL - SELECT
mySQL - SELECTmySQL - SELECT
mySQL - SELECT
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypen
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatieren
 
CSS: Zweispaltige Layouts
CSS: Zweispaltige LayoutsCSS: Zweispaltige Layouts
CSS: Zweispaltige Layouts
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheet
 
PHP: foreach
PHP: foreachPHP: foreach
PHP: foreach
 
PHP: Switch
PHP: SwitchPHP: Switch
PHP: Switch
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfen
 
PHP: exit
PHP: exitPHP: exit
PHP: exit
 
PHP: isset
PHP: issetPHP: isset
PHP: isset
 
PHP: if-else
PHP: if-elsePHP: if-else
PHP: if-else
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Array
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrays
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHP
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypen
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentare
 

HTML - Hyperlinks erstellen

  • 2. Hyperlinks Zum Einfügen von Hyperlinks verwendet man den a-Tag mit folgender Syntax: <p> <a href=&quot;datei.html&quot; title=&quot;Beschreibung&quot; > Der zu verlinkende Text </a> </p> href = Ziel des Links, z.B. biographie.html bilder/bild.gif http://www.xy.de/ http://www.za.com/pfad/datei.html Link-Titel = Beschreibung des Linkziels, wichtig für Suchmaschinen Ausgabe mit Screenreader &quot;Zur Homepage der X-Schule&quot; &quot;Übersicht über meinen Lebenslauf&quot; &quot;Affenbild - Großansicht&quot; Ausgabe auf Webseite: Der zu verlinkende Text
  • 3. Beispiele <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> Ausgabe auf Webseite: Für weitere Informationen habe ich hier einen Lebenslauf zusammengestellt.
  • 4. Beispiele <p>Klicken Sie zum Vergrößern auf das Bild:</p> <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> Ausgabe auf Webseite: Klicken Sie zum Vergrößern auf das Bild:
  • 5. E-Mail-Link <p> <a href=&quot;mailto:name@domain.de&quot; title=&quot;Mail an mich senden&quot;>E-Mail-Kontakt</a> </p> Ausgabe auf Webseite: E-Mail-Kontakt