TOC
wwworkshop
Juicy Workshop

css

2.4.1
CSS-Datei erstellen und einbinden

  1. Um deine Seite zu stylen, erstelle zunächst eine neue Datei und nenne sie style.css

  2. Die CSS-Datei wird mit einem link-Tag in die HTML-Datei eingebunden. Das link-Tag wird im head-Bereich eingefügt.

Tipp: Damit alle HTML-Dateien ein einheitliches Aussehen erhalten, kannst du den link-Tag in jeder Datei im head-Bereich einfügen.

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
 
    <link href="style.css" rel="stylesheet">
 
</head>
<body>
    <section>
        <h1>Text</h1>
        <h2>Text</h2>
        <p>Ein Absatz.</p>
        <a href="unterseite.html">Unterseite</a>
        <a href="http://example.com">Beispiel</a>
    </section>
    <section>
        <img src="bild.jpg">
        <video src="video.mp4"></video>
    </section>
</body>
</html>