-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path07_text_breaking_and_whitespace.html
60 lines (49 loc) · 2.23 KB
/
07_text_breaking_and_whitespace.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
<!--
Impoertant Notes:
Text Breaking and Whitespace : There are specific elements we can use to
instruct the browser how to do that.
Some Character Entities are -
1. <pre></pre> - WHich tell the client most of the time the browser (That this particular
content has been preformatted)
2. <br/> or <br> - br or break element that allows you to to specifically tell the browser to
add a line break at that point.
3. <hr/> or <hr>- hr or horizontal rule , that allows you to to put a horizontal line
right across the page.
4. - This is genrally known as a character entity and this is a particular type of markup
we can provide to the browser *That represent a character that's special*
nbsp stand for (Non breaking space)
5. < and > - That represent the less than and greater than symbols. We use these particular
symbols in order to denote in the HTML.(< -> (<) and ≪ -> (<<) )
6. © - Character Entity is used to print copyright symbol instead of text.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coffee Shop</title>
</head>
<body>
<div id = "article">
<div id = "header">
<h1>The Coffee Shop</h1>
<h2>Coffee To keep your brain wired.</h2>
</div>
<div id = "body">
At Wired Brain Coffee, we believe that coffee can be the fuel your active brain needs.
<br/>And we want you to believe it too.
<p>Coffee <span class="fact"> has long been known </span> to provide a boost to brain activity and increase blood flow</p>
<p>Another dubious statement about coffee to try and sell it.</p>
</div>
<h2>Testimonials</h2>
<hr/>
</div>
<div id = "footer">
<!--
© is used to print copyright symbol instead of text.
-->
© Abhaya 2021
</div>
</body>
</html>