-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtutorial.html
101 lines (71 loc) · 2.3 KB
/
tutorial.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!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>Document</title>
<link rel="stylesheet" type="text/css" href="tutorial.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Neonderthaw&display=swap" rel="stylesheet">
<!-- <style>
h1{
color:green;
}
p{
color:red;
}
</style> -->
</head>
<body>
<!-- <h1 style="color:blue">Hello Folks</h1> -->
<!-- <h1>Hello world</h1> -->
<!-- <p>This is my firs web page</p> -->
<!-- //ID of -->
<!-- <h1 class = "header">Hello Interstellar</h1>
<h3 class = "header">Hello Alien</h3> -->
<!-- BACKGROUND COLOR -->
<!-- HEXA VALUE - 6 Digit - 0 to f-->
<!-- RGB Value - rgb(255,0,0) -->
<!-- <div class = "box">
</div>
<p id = "para">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam felis nulla, blandit in interdum eu, tincidunt eu magna.
Nullam quis facilisis purus, ut semper leo. Vestibulum viverra posuere eros a vestibulum. Phasellus tincidunt malesuada
tortor ultrices scelerisque. In hac habitasse platea dictumst. Donec nec facilisis mauris, in pellentesque quam. Nulla
dignissim sapien at nisi blandit hendrerit. Duis viverra vitae dui vitae vulputate.
</p> -->
<!-- <div class="box">
</div> -->
<!-- //FONT FAMILY
//GOOGLE FONT -->
<!-- link visisted active hoverd -->
<!-- <p>
<b><a href="https://www.w3schools.com//" target="_blank">Click to visit </a></b>
</p> -->
<!-- BORDER BOX -->
<!-- <div class="borderBox"></div> -->
<!-- LIST CSS -->
<!-- <ul>
<li>Home</li>
<li>Admin</li>
<li>contact</li>
</ul> -->
<!-- BOX MODEL CSS -->
<!-- Padding
Borders
Margin -->
<!-- <div class="boxModel">
<label>Name</label>
<input type="text"/>
</div> -->
<!-- Flex Box -->
<!-- <div class="container">
<div class="item item1">1</div>
<div class="item item2">2</div>
<div class="item item3">3</div>
<div class="item item4">4</div>
</div> -->
</body>
</html>