SlideShare ist ein Scribd-Unternehmen logo
HTML-Befehle:
Bilder einfügen
img-Tag
Zum Einfügen von Bildern verwendet man den img-
Tag mit folgender Syntax:
<p>
<img src="bild.gif" alt="Beschreibung" />
</p>
"Source" = Quelle des Bildes als Pfad-
Angabe, z.B.
bild.gif
bilder/bild.gif
http://www.xy.de/bilder/bild.gif
Alternativtext = Beschreibung des Bildes,
wichtig v.a. für
-Suchmaschinen
-Ausgabe mit Screenreader
"Fotografie eines Tigers beim Fressen."
"Zusammenhang zwischen Geschwindigkeit
und Zeit (Schema-Zeichnung)"
img-Tag als "leeres Element"
Der img-Tag gehört zu den "leeren Elementen": Er schließt keine
weiteren Inhalte ein und hat damit keinen End-Tag.
Leere Elemente werden gesondert gekennzeichnet – durch ein
abschließendes Leerzeichen + Schrägstrich vor der
schließenden Spitzklammer.
<img src="bild.gif" alt="Beschreibung" />
Leerzeichen
Schrägstrich ("Slash")

Weitere ähnliche Inhalte

Andere mochten auch

La pedagogie du projet
La pedagogie du projetLa pedagogie du projet
La pedagogie du projet
tjb47
 
Les Collectivités et les Réseaux Sociaux - Etudes 2013
Les Collectivités et les Réseaux Sociaux - Etudes 2013Les Collectivités et les Réseaux Sociaux - Etudes 2013
Les Collectivités et les Réseaux Sociaux - Etudes 2013
Aurélia Ledoux
 
Trucs pour mobiles
Trucs pour mobilesTrucs pour mobiles
Trucs pour mobiles
desintocx
 
La véritable histoire du dernier samourai
La véritable histoire du dernier samouraiLa véritable histoire du dernier samourai
La véritable histoire du dernier samourai
Shingen_bushido
 
Pour une fiscalité du numérique juste et équitable en France
Pour une fiscalité du numérique juste et équitable en FrancePour une fiscalité du numérique juste et équitable en France
Pour une fiscalité du numérique juste et équitable en France
Fédération Française des Télécoms
 
Guide pratique-pme-tpe
Guide pratique-pme-tpeGuide pratique-pme-tpe
Guide pratique-pme-tpe
Magali Ventat
 
Curiculum françai[pdf]
Curiculum françai[pdf]Curiculum françai[pdf]
Curiculum françai[pdf]
mihoub
 
Bravo aux gens du voyage ils fonctionnent en bade organisées
Bravo aux gens du voyage ils fonctionnent en bade organisées Bravo aux gens du voyage ils fonctionnent en bade organisées
Bravo aux gens du voyage ils fonctionnent en bade organisées
desintocx
 
Avis anse des rochers zabrico 1
Avis anse des rochers zabrico 1Avis anse des rochers zabrico 1
Avis anse des rochers zabrico 1
MC Zabrico
 
Abstracts Master Thesen PR/IK 01 (D)
Abstracts Master Thesen PR/IK 01 (D)Abstracts Master Thesen PR/IK 01 (D)
Abstracts Master Thesen PR/IK 01 (D)
PR PLUS GmbH
 
La marque, productrice de contenu: mode cocréation
La marque, productrice de contenu: mode cocréationLa marque, productrice de contenu: mode cocréation
La marque, productrice de contenu: mode cocréation
CloudRaker
 
Trophées innocherche 2015 - packages sponsors
Trophées innocherche 2015 - packages sponsorsTrophées innocherche 2015 - packages sponsors
Trophées innocherche 2015 - packages sponsors
Bertrand Petit
 
Wie Speaker ihre Reputation ausbauen
Wie Speaker ihre Reputation ausbauenWie Speaker ihre Reputation ausbauen
Wie Speaker ihre Reputation ausbauen
Eck Marketing & Referenten Matching
 
La classe inversée et la baladodiffusion (1er Collqoue Ontario-Québec)
La classe inversée et la baladodiffusion (1er Collqoue Ontario-Québec)La classe inversée et la baladodiffusion (1er Collqoue Ontario-Québec)
La classe inversée et la baladodiffusion (1er Collqoue Ontario-Québec)
Samuel Bernard
 
Teoría de Usos y Gratificaciones
Teoría de Usos y GratificacionesTeoría de Usos y Gratificaciones
Teoría de Usos y Gratificaciones
leonel037
 

Andere mochten auch (20)

La pedagogie du projet
La pedagogie du projetLa pedagogie du projet
La pedagogie du projet
 
Les Collectivités et les Réseaux Sociaux - Etudes 2013
Les Collectivités et les Réseaux Sociaux - Etudes 2013Les Collectivités et les Réseaux Sociaux - Etudes 2013
Les Collectivités et les Réseaux Sociaux - Etudes 2013
 
Trucs pour mobiles
Trucs pour mobilesTrucs pour mobiles
Trucs pour mobiles
 
La véritable histoire du dernier samourai
La véritable histoire du dernier samouraiLa véritable histoire du dernier samourai
La véritable histoire du dernier samourai
 
Pour une fiscalité du numérique juste et équitable en France
Pour une fiscalité du numérique juste et équitable en FrancePour une fiscalité du numérique juste et équitable en France
Pour une fiscalité du numérique juste et équitable en France
 
Brand
BrandBrand
Brand
 
Guide pratique-pme-tpe
Guide pratique-pme-tpeGuide pratique-pme-tpe
Guide pratique-pme-tpe
 
Curiculum françai[pdf]
Curiculum françai[pdf]Curiculum françai[pdf]
Curiculum françai[pdf]
 
Bravo aux gens du voyage ils fonctionnent en bade organisées
Bravo aux gens du voyage ils fonctionnent en bade organisées Bravo aux gens du voyage ils fonctionnent en bade organisées
Bravo aux gens du voyage ils fonctionnent en bade organisées
 
Avis anse des rochers zabrico 1
Avis anse des rochers zabrico 1Avis anse des rochers zabrico 1
Avis anse des rochers zabrico 1
 
246
246246
246
 
Abstracts Master Thesen PR/IK 01 (D)
Abstracts Master Thesen PR/IK 01 (D)Abstracts Master Thesen PR/IK 01 (D)
Abstracts Master Thesen PR/IK 01 (D)
 
Elysee 2022
Elysee 2022Elysee 2022
Elysee 2022
 
La marque, productrice de contenu: mode cocréation
La marque, productrice de contenu: mode cocréationLa marque, productrice de contenu: mode cocréation
La marque, productrice de contenu: mode cocréation
 
Trophées innocherche 2015 - packages sponsors
Trophées innocherche 2015 - packages sponsorsTrophées innocherche 2015 - packages sponsors
Trophées innocherche 2015 - packages sponsors
 
Reportage CFPJ
Reportage CFPJReportage CFPJ
Reportage CFPJ
 
Wie Speaker ihre Reputation ausbauen
Wie Speaker ihre Reputation ausbauenWie Speaker ihre Reputation ausbauen
Wie Speaker ihre Reputation ausbauen
 
Environmental impact assessment
Environmental impact assessmentEnvironmental impact assessment
Environmental impact assessment
 
La classe inversée et la baladodiffusion (1er Collqoue Ontario-Québec)
La classe inversée et la baladodiffusion (1er Collqoue Ontario-Québec)La classe inversée et la baladodiffusion (1er Collqoue Ontario-Québec)
La classe inversée et la baladodiffusion (1er Collqoue Ontario-Québec)
 
Teoría de Usos y Gratificaciones
Teoría de Usos y GratificacionesTeoría de Usos y Gratificaciones
Teoría de Usos y Gratificaciones
 

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
 

Kürzlich hochgeladen

Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Wolfgang Geiler
 
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
kylerkelson6767
 
Das Biologiestudium an der Universität Duisburg-Essen
Das Biologiestudium an der Universität Duisburg-EssenDas Biologiestudium an der Universität Duisburg-Essen
Das Biologiestudium an der Universität Duisburg-Essen
Team Studienorientierung (Universität Duisburg-Essen)
 
Medizin an der Universität Duisburg - Essen
Medizin an der Universität Duisburg - EssenMedizin an der Universität Duisburg - Essen
Medizin an der Universität Duisburg - Essen
Team Studienorientierung (Universität Duisburg-Essen)
 
Psychologie an der Universität Duisburg-Essen
Psychologie an der Universität Duisburg-EssenPsychologie an der Universität Duisburg-Essen
Psychologie an der Universität Duisburg-Essen
Team Studienorientierung (Universität Duisburg-Essen)
 
Lehramt an der Universität Duisburg Essen
Lehramt an der Universität Duisburg EssenLehramt an der Universität Duisburg Essen
Lehramt an der Universität Duisburg Essen
Team Studienorientierung (Universität Duisburg-Essen)
 
Microsoft Roadshow Stuttgart AI-Presentation Wurzer
Microsoft Roadshow Stuttgart AI-Presentation WurzerMicrosoft Roadshow Stuttgart AI-Presentation Wurzer
Microsoft Roadshow Stuttgart AI-Presentation Wurzer
MIPLM
 

Kürzlich hochgeladen (7)

Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
 
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
 
Das Biologiestudium an der Universität Duisburg-Essen
Das Biologiestudium an der Universität Duisburg-EssenDas Biologiestudium an der Universität Duisburg-Essen
Das Biologiestudium an der Universität Duisburg-Essen
 
Medizin an der Universität Duisburg - Essen
Medizin an der Universität Duisburg - EssenMedizin an der Universität Duisburg - Essen
Medizin an der Universität Duisburg - Essen
 
Psychologie an der Universität Duisburg-Essen
Psychologie an der Universität Duisburg-EssenPsychologie an der Universität Duisburg-Essen
Psychologie an der Universität Duisburg-Essen
 
Lehramt an der Universität Duisburg Essen
Lehramt an der Universität Duisburg EssenLehramt an der Universität Duisburg Essen
Lehramt an der Universität Duisburg Essen
 
Microsoft Roadshow Stuttgart AI-Presentation Wurzer
Microsoft Roadshow Stuttgart AI-Presentation WurzerMicrosoft Roadshow Stuttgart AI-Presentation Wurzer
Microsoft Roadshow Stuttgart AI-Presentation Wurzer
 

HTML: Bilder einfügen (img-Tag)

  • 2. img-Tag Zum Einfügen von Bildern verwendet man den img- Tag mit folgender Syntax: <p> <img src="bild.gif" alt="Beschreibung" /> </p> "Source" = Quelle des Bildes als Pfad- Angabe, z.B. bild.gif bilder/bild.gif http://www.xy.de/bilder/bild.gif Alternativtext = Beschreibung des Bildes, wichtig v.a. für -Suchmaschinen -Ausgabe mit Screenreader "Fotografie eines Tigers beim Fressen." "Zusammenhang zwischen Geschwindigkeit und Zeit (Schema-Zeichnung)"
  • 3. img-Tag als "leeres Element" Der img-Tag gehört zu den "leeren Elementen": Er schließt keine weiteren Inhalte ein und hat damit keinen End-Tag. Leere Elemente werden gesondert gekennzeichnet – durch ein abschließendes Leerzeichen + Schrägstrich vor der schließenden Spitzklammer. <img src="bild.gif" alt="Beschreibung" /> Leerzeichen Schrägstrich ("Slash")