Depot43-Unterlagen - Elemente ansprechen

HTML Elemente

            
            



<!doctype html>
<html lang="de">
<head>
	<meta charset=utf-8>
	<title>HTML5 / CSS - Elemente ansprechen</title>
	<style>
		body {
			background-color:white;
		}
		h1 {
			color:black;
		}
		h2 {
			color:black;
		}
		p {
			color:black;
		}
	</style>
</head>
<body>
	<h1>Haupttitel</h1>
	<h2>Untertitel</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa consequatur, iste alias quaerat eos nulla cupiditate provident dolorem repellendus ea, quo reprehenderit fugit hic suscipit assumenda. Deleniti adipisci tenetur culpa?</p>
        <h2>Untertitel</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa consequatur, iste alias quaerat eos nulla cupiditate provident dolorem repellendus ea, quo reprehenderit fugit hic suscipit assumenda. Deleniti adipisci tenetur culpa. dolorem repellendus ea, quo reprehenderit fugit hic suscipit assumenda. Deleniti adipisci tenetur culpa?</p>
	<h2>Untertitel</h2>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa consequatur, iste alias quaerat eos nulla cupiditate provident dolorem repellendus ea, quo reprehenderit fugit hic suscipit assumenda. Deleniti adipisci tenetur culpa?</p>


</body>
</html>


 

            

Aufgabe 2> weiter

Jetzt hast du ein body-Element, einen h1-Titel, drei h2-Untertitel und drei p-Elemente.

Untersuche die HTML-Elemente im nebenstehenden Editor:
<body>, <h1>, <h2> und <p>
Ändere die Formate für die Farben der CSS-Regeln :
body { }, h1 { }, h2 { }, p { }
Es gibt einige Möglichkeiten Farben zu definieren, Beispiel:
```
        h1 {
            color:#00993a;
        }
```
Verwende die Hexadezimalen Werte:
Rot: #ff000
Blau: #0088ee
Orange: #ffa100
Violet: #9a00c9
Grün: #00993a
Beachte, dass alle <h2> und alle <p>-Elemente angesprochen werden und die gleiche farbe erhalten.
Untersuche die HTML-Ausgabe
Installiere in Firefox das Addon: ColorZilla
Verwende die Pipette um weitere Farben in die Zwischenablage zu kopieren
Füge diese Farbwerte im Editor in die CSS-Regeln
Prüfe das Ergebnis