Überschriften mit CSS

Man kann 6 Überschriten-Ebenen verwenden. Wie diese Überschriften tatsächlich am Bildschirm angezeigt werden, bestimmen der verwendete Browser und die Browser-Einstellungen des Benutzers.
Im Header der HTML-Datei wird der Link auf die CSS-Datei angegeben. Die einzelnen Überschriften werden dann entsprechend formatiert.

<link rel="stylesheet" href="styles.css" type="text/css">

Überschrift 1

<h1>Überschrift 1</h1>

Überschrift 2

<h2>Überschrift 2</h2>

Überschrift 3

<h3>Überschrift 3</h3>

Überschrift 4

<h4>Überschrift 4</h4>
Überschrift 5
<h5>Überschrift 5</h5>
Überschrift 6
<h6>Überschrift 6</h6>

Inhalt von styles.css:

<html>
<head>
<title>stylesheet</title>
<style type="text/css">
<!--
body {bgcolor:#000000}

h1 {color:#8A2BE2; font-family:Verdana,Arial}
h2 {color:#000000; font-family:Verdana,Arial}
h3 {color:#FF1493; font-family:Verdana,Arial}
h5 {color:#32CD32; font-family:Verdana,Arial}
h4 {color:#C71585; font-family:Verdana,Arial; font-size:3mm}

p,li {font-family:Verdana,Arial; font-size:3mm}

A {text-decoration:underline; color: #0033DD; font-size:3mm}
A:visited {color: #0033DD; font-size:3mm}
A:hover {text-decoration:underline; color: #FF1493; font-size:3mm}

tr {font-family:Verdana,Arial; font-size:3mm}

td {font-family:Verdana,Arial; font-size:3mm}

//-->
</style>

<body>
</body>

</html>