-
Notifications
You must be signed in to change notification settings - Fork 0
/
myWebpage.html
69 lines (66 loc) · 1.35 KB
/
myWebpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample Webpage</title>
<style>
h1{
border: 2px solid blue;
}
.myTitle{
font-size: 70px;
}
.sample{
padding: 20px;
margin: 30px;
}
</style>
</head>
<body style="background-color: aquamarine; color: red; border: 1px solid yellow;">
Some text . . .
<h1 class="sample" id="sample" name="" style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;"> This is my heading </h1>
<a href="" class="myTitle">This is a link . . . </a>
<img src="" alt="">
<br>
<hr>
<!-- this for the paragraph tag -->
<input type="text" placeholder="Enter some text!">
<input type="password">
<input type="range" >
<input type="radio">
<input type="checkbox">
<input type="button" value="This is a button">
<button>click me</button>
<hr>
<table border="1">
<thead>
<tr>
<th>#</th>
<th>Firstname</th>
<th>Lastname</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Juan</td>
<td>Cruz</td>
<td>CPSU</td>
</tr>
</tbody>
</table>
<h1 class="myTitle sample">Phone Models</h1>
<ul>
<li>Samsung</li>
<li>Iphone</li>
<li>Cherry mobile</li>
</ul>
<ol>
<li>Samsung</li>
<li>Iphone</li>
<li>Cherry mobile</li>
</ol>
</body>
</html>