Wie füge ich eine horizontale Linie und einen Screenshot in meiner Webseite ein? Wie kann ich meine CSS-Datei in mein HTML-Dokument einbinden?
Ich erstelle gerade eine Webseite und habe folgende Fragen:
- Wie erstelle ich eine horizontale Linie (<hr>) und füge einen Screenshot unter der Linie in CSS ein?
- Wie binde ich die CSS-Datei in die HTML-Datei als externes Stylesheet ein?
Ich habe einen MacBook Pro und nutze Visual Studio Code.
2 Antworten
Einbinden einer CSS Datei im <head> Bereich:
<link rel="stylesheet" href="cssname.css">
Horizontale Linie mit Screenshot: Ich nehme als Linie immer einen normalen Container. Also z.B:
<div class="divider"></div>
<img src="bildquelle"></img>
Und dann mit CSS halt stylen. z.B.
.divider{
background-color: black;
height: 1px;
width: 100%;
}
img{
width: 100%;
height: auto;
}
Aber mal ehrlich, das sind die absoluten Grundlagen. Wenn du hier schon Probleme hast dann würde ich mir erstmal ein par Anfängertutorials anschauen. Sonst musst bei jedem Pups hier nachfragen.
- füge das <hr /> tag ein und dann brauchst du unten noch ein <img /> tag für das Bild (Screenshot)
- <link rel="stylesheet" href="[dein dateiname].css" />
du kannst sie nicht in css coden. das ist *Inhalt* und muss in html gecoded werden. Du kannst sie aber einer class zuordnen, damit du ihr Aussehen in css ändern kannst.
Die horizontale Linie und Sreenshot soll in CSS sein