-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathbasic.html
More file actions
109 lines (100 loc) · 3.05 KB
/
basic.html
File metadata and controls
109 lines (100 loc) · 3.05 KB
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
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<title>Sage</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- this is example of block-level element -->
<p style='background-color:blue; color:white'>
Welcome to Sage Training Institute</p>
<div style="background-color:brown">
this is the first div
</div>
<div style='background-color:purple' lang='fr'>
this is the second div
</div>
<p> The following span is an
<span style='background-color:purple;'>inline element</span>; its
background has been colored to display both the beginning and end of the
inline element's influence.</p>
<!-- <h1> Web Development Roadmap</h1> -->
<h2> Front-end Development</h2>
<!-- this is the orderd list with start attribute -->
<ol start='50'>
<li> HTML </li>
<li> CSS </li>
<li> JavaScript </li>
<li> React </li>
</ol>
</p>
<table border=1>
<th>Name</th>
<th>Email</th>
<th>Phone</th>
<th>Password</th>
<tr>
<td>asibeh tenager</td>
<td>asibeh@gmail.com</td>
<td>0946788373</td>
<td>1234</td>
</tr>
<tr>
<td>bethelhem</td>
<td>bt@gmail.com</td>
<td>0933</td>
<td>1234</td>
</tr>
</table>
<h2> Sage Training User Registration Form</h2>
<form class="" action="index.html" method="post">
<div class="">
<label for="">Name:</label>
<input type="text" name="name" value="" placeholder="enter your name" required>
</div>
<div class="">
<label for="">Email:</label>
<input type="email" name="email" value="" placeholder="enter your email">
</div>
<div class="">
<label for="">Password:</label>
<input type="password" name="pass" value="" placeholder="enter password">
</div>
<div class="">
<label for="">Phone:</label>
<input type="tel" name="phone" value="" placeholder="enter your phone">
</div>
<div class="">
<label for="">Gender:</label>
<input type="radio" name="gender" value="" >Male
<input type="radio" name="" value="">Female
</div>
<div class="">
<label for="">Select Your Favorite Web Language</label>
<input type="checkbox" name="topic" value="">HTML
<input type="checkbox" name="" value="">CSS
<input type="checkbox" name="" value="">JAVASCRIPT
</div>
<div class="">
<label for="">what is your favorite topic?</label>
<select class="" name="topic">
<option value="">Front end development</option>
<option value="">Back end development</option>
<option value="">Fullstack development</option>
</select>
<div class="">
<label for="">Write your feedback</label>
<textarea name="feedback" rows="8" cols="20">write your feedback here</textarea>
</div>
</div>
<div class="">
<input type="submit" name="" value="Submit">
</div>
</form>
<!---
<a HREF=https://www.sage.com ></a>
<img src='sage_logo.png' width='500' height='400' alt='sage logo'/>
-->
</body>
</html>