Text neben Bild mit link

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HtmlnoobxD

Neues Mitglied
10 Januar 2020
2
0
1
20
Moin für meine Informatik Arbeit muss ich neben einem Bild das einer Verlinkung hat einen Text schreiben und ich habe keine Ahnung wie ich das mach xD bin in Html noch der total Neuling. Vielleicht kann mir da einer noch helfen ich hab da mal die ganze Seite hin geschrieben. Bitte Nicht Haten.


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title> Industriekultur im Ruhrgebiet </title>
<link href="HTML\Sources\CSS/Style.css" rel="stylesheet">
</head>
<body bgcolor=#DD4400>
<h1> <Center> Industrie Kultur im Ruhrgebiet </center> </h1>
<a href="HTML/Sources/HTML/Zeche%20Zollverein.html"><img src="Zeche.jpg"
<br>
<br>
<br>
<a href="HTML/Sources/HTML/Zeche%20Ewald.html"><img src="Ewald.jpg"> </a>
<br>
<br>
<br>
</body>
</html>
 

Sailor

Aktives Mitglied
14 Juli 2017
501
64
28
Oh je... hat man dir das in der Form, wie du es hier postest in der Schule(??) beigebracht? Dann richte deinem Lehrer mal einen schönen Gruß aus... er möge euch nicht so einen alten Mist beibringen, sondern sich mit HTML5 beschäftigen.
Wo ist dein Stylesheet?
Wie soll das aussehen ... Text neben Bild? Mach doch mal eine Skizze, damit man sich vorstellen kann, was daraus werden soll.
 
  • Like
Reaktionen: HtmlnoobxD

HtmlnoobxD

Neues Mitglied
10 Januar 2020
2
0
1
20
Ja mein Lehrer ist bei sowas sehr komisch wenn wir fragen haben hat er meisten selber keine Antwort dadrauf xDjdhfhgdjkujg.png
 
Zuletzt bearbeitet:

Sempervivum

Senior HTML'ler
18 Oktober 2016
1.933
370
83
67
Dann sollten wir deinem Lehrer zeigen, wie man es richtig und entsprechend dem Stand der Technik macht:
HTML:
<!doctype html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <title>Galerie mit figure-Tags und Flexlayout</title>

    <style>
        h1 {
            text-align: center;
        }

        figure {
            display: flex;
            align-items: center;
        }

        figure img {
            width: 200px;
        }

        figcaption {
            padding: 0.5em;
        }
    </style>
</head>

<body>
    <h1>
        Industriekultur im Ruhrgebiet
    </h1>
    <figure>
        <a href="https://selfhtml.org">
            <img src="images/dia0.jpg">
        </a>
        <figcaption>
            Die Beschreibung für das erste Bild
        </figcaption>
    </figure>
    <figure>
        <a href="https://html-seminar.de">
            <img src="images/dia0.jpg">
        </a>
        <figcaption>
            Die Beschreibung für das zweite Bild
        </figcaption>
    </figure>
    <figure>
        <a href="https://stackoverflow.com">
            <img src="images/dia0.jpg">
        </a>
        <figcaption>
            Die Beschreibung für das dritte Bild
        </figcaption>
    </figure>

</body>

</html>
Auslagern kannst Du das CSS dann selber.
 
  • Like
Reaktionen: threadi
Werbung: