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.

Mit einem style Attribute im HTML Element.

Beispiel Inline CSS

<h2 style="color:red">Überschrift in Rot</h1>

1

<h2 style="color:red">Überschrift in Rot</h1>

(Inline CSS)Der Style gilt nur für das eine Element.
Mit dem Tag <style>…</style> im <head> </head> Bereich z.B.

Beispiel Internal CSS

<!DOCTYPE html> <html> <head> <style> body {background-color:blue} h1 {color:red} p {color:green} </style> </head>

1
2
3
4
5
6
7
8
9

<!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)
Durch das Einbinden einer externen CSS Datei mit dem Tag <link> im <head> </head> Bereich des Dokuments z.B.

Beispiel External CSS

<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="meinstyle.css"> </head> <body>

1
2
3
4
5
6

<!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 Antworten abbrechen