ForumWebsite ProgrammierungTutorials ≫ 1.3 HTML - Bilder einfügen
Antworten 1 von 1
1.3 HTML - Bilder einfügen
von Tomek92 ≫ 21.10.2019 01:10:12
 ”  1.3 HTML - Bilder einfügen
von Tomek92 ≫ 21.10.2019 01:10:12
 ” 

Tomek92
Bilder einfügen
Zunächst erstellen wir eine neue Datei in unserem Notepad.


Wir fangen wieder mit dem Grund-Konstrukt an:
<html>
    <head>
        <title>1.3 HTML - Bilder einfügen</title>
    </head>

    <body>
        
    </body>
</html>

Als nächstes fügen wir wieder unseren Inhalt zwischen den Body Tag.
In den folgenden Tutorials werde ich das Grund-Konstrukt auch als Voraussetzung legen und genauer auf die einzelnen Funktionen eingehen.

<img src="https://iotsoft.de/images/design/banner_small.png">


Mit diesem Code Tag lässt sich das Logo dieser Website darstellen.
Auffällig bei dem <img> Tag ist, dass man diesen nicht schließen muss !
der innhalt zwischen src="..." ist dabei die genaue Adresse der Datei.
falls sich das Bild im selben Ordner wie die HTML Datei befindet, würde auch nur folgender Tag genügen:

<img src="banner_small.png">


Die Slashes ( / ) signalisieren dem Browser einen Ordner.
Wenn sich eure Bilder also in einem Unterordner befinden könnte alles wie folgt aussehen:

<img src="Unterordner/banner_small.png">


Script: 1.3 HTML - Bilder einfügen.html


1.4 HTML - Link einfügen

Antworten 1 von 1


© IOTSoft.de