Basic_HTML_and_CSS/Basic_HTML_4.html at main · richimast/Basic_HTML_and_CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
	<body>
	<style>
	.font_1 {
		background-color: black;
		color: yellow;
		font-size: large;
	}
	.font_2 {
		background-color: darkblue;
		color: white;
		font-size: medium;
	}
	.Richard_Style {
		background-color: darkgreen;
		color: white;
		text-decoration: underline;
		font-weight: bold;
		font-size: small;
	}
	</style>
	<h2 class="font_1">This h2 element is styled per class attribute font_1</h2>
	<h3 class="font_2">This h3 element is styled per class attribute font_2</h3>
	<h4 class="font_1">Even though this an h4 element, it is styled the same as the h2 element because we pointed to the class attribute font_1</h4>
	<h1 class="Richard_Style">This h3 element is styled per class attribute Richard_Style</h1>

	<p class="Richard_Style">This paragraph is written in my style!</p>
	</body>
</html>