-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtext.html
65 lines (40 loc) · 1.7 KB
/
text.html
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {color:red;}
h1 {color:#00ff00; text-align:center; text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
p.date {text-align:right;}
p.main {text-align:justify;}
p.ex {color:rgb(0, 0, 255);}
p {text-indent:50px;}
a {text-decoration:none;}
</style>
<title>CSS Text</title>
</head>
<body>
<h1>CSS Text</h1>
<h4>This is an example of color change from css</h4>
<h1>This is heading 1</h1>
<p>This is an ordinary paragraph. Notice that this tiext is red. The default text-color for a page is defined in the body selector.</p>
<p class="ex">This is a paragraph with class="ex". This text is blue.</p>
<h4>Text Alignment</h4>
<h1>CSS text-align Example</h1>
<p class="date">May, 2009</p>
<p class="main">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since, 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p>
<p><b>Note:</b> Resize the browser window to see how the value "justify" works.</p>
<h4>Text Decoration</h4>
<p>Link to: <a href="http://www.w3schools.com">W3Schools.com</a></p>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h4>Text Indentation</h4>
<p>
In my younger and more vulnerable years years my father game me some advice that I've been truning over in my mind
</p>
</body>
</html>