HTML Style

HTML Teil 14 Anleitung HTML Styles

HTML Styles – CSS – Aussehen Stil

Es gibt 3 Möglichkeiten, um HTML Code mit einem Style zu versehen.

  1. Mit einem style Attribute im HTML Element.
    <h2 style="color:red">Überschrift in Rot</h1>

    (Inline CSS)Der Style gilt nur für das eine Element.

  2. Mit dem Tag <style>…</style> im <head> </head> Bereich z.B.
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body {background-color:blue}
    h1   {color:red}
    p    {color:green}
    </style>
    </head>
    

    Dadurch wird der style auf alle HTML Elemente im Dokument angewendet.( Internal CSS)

  3. Durch das Einbinden einer externen CSS Datei mit dem Tag <link> im <head> </head> Bereich des Dokuments z.B.
    <!DOCTYPE html>
    <html>
    <head>
      <link rel="stylesheet" href="meinstyle.css">
    </head>
    <body>
    

    Auch hier wird der style auf alle HTML Elemente im Dokument angewendet. (External CSS)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

*