HTML-Programming/Styles.html at main · MalongSuper/HTML-Programming · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Style the page</title>
</head>
<body style="background-color:grey">
<h1>Hello World Again</h1>
<p>This is a tutorial of how to style your webpage</p>
<h1 style="background-color:white">Set background for different element</h1>
<p style="background-color:white">Set background for different element</p>
<h1 style="color:red">Set text color to red</h1>
<p style="color:blue">Set text color to blue</p>
<h1 style="font-family:verdana">This text is Verdana</h1>
<h2 style="font-family:courier">This text is Courier</h2>
<h1 style="font-family:verdana; font-size:150%">This text is Verdana - 150% Font Size</h1>
<h2 style="font-family:courier; font-size:200%">This text is Courier - 200% Font Size</h2>

<h1 style="font-family:verdana; font-size:150%; text-align:center">
    This text is Verdana - 150% Font Size - Align Center</h1>
<h2 style="font-family:courier; font-size:200%; text-align:center">
    This text is Courier - 200% Font Size - Align Center</h2>

</body>
</html>