cssSamples/cssAssignment.html at main · vishnuraj99/cssSamples · GitHub

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>
<meta charset="UTF-8">
<title>module 2 assignment</title>
<link rel="stylesheet" type="text/css" href="cssAssignment.css">
</head>
<body>
<h1>this is h1</h1>
<p>hi all this is a model.<br>and we love coding</p>
<h2>this is h2</h2>
<h3>this is h3</h3>
<h4>this is h4</h4>
<h5>this is h5</h5>
<h6>this is h6</h6>
<a href="www.google.com">visit our website</a><br>
<img src="Untitled.jpeg" alt="this is an image" width="200">
<table border="1" >
<tr><th>Name</th><th>Age</th><th>phone</th></tr>
<tr><td>vishnu</td><td>22</td><td>7025541077</td></tr>
<tr><td>sree</td><td>30</td><td>9897969543</td></tr>
</table>
<form>
<fieldset>
<legend>general informations</legend>
<table>
<tr><td>name</td><td><input type="text" required="required" placeholder="your name"></td></tr>
<tr><td>age</td><td><input type="number" required="required" placeholder="please enter your age"></td></tr>
<tr><td>email id</td><td><input type="email" required="required" placeholder="your email id please"></td></tr>
<tr><td><button>save</button></td></tr></table></fieldset>
<fieldset>
<legend></legend>
<label>select your gender</label><br>
<input type="radio" id="gender" value="male" name="gender">male
</input>
<br>
<input type="radio" id="gender" value="female" name="gender">female
</input><br>
</fieldset>
<fieldset>
<legend>areas of expertise</legend>
<label>please select from the below</label><br>
<input type="checkbox" id="java">
<label for="java"> java</label><br>
<input type="checkbox" id="sql">
<label for="sql">sql</label><br>
<input type="checkbox" id="python">
<label for="python">python</label><br>
<input type="checkbox" id="jdbc">
<label for="jdbc">jdbc</label><br>
</fieldset>
<label>please leave a comment</label><br>
<textarea rows="3" cols="30"></textarea>
<button >finish</button><br><br>
<label>rules</label><br>
<ol>
<li>come on time</li>
<li>do your job</li>
</ol>
</form>
<div><p><q>hello, if you are a newcomer to this site you should visit our old site first<br>
but you should dance first..ha ha ha joke!</q></div>
<button class="nextButton">Next</button>
</body>
</html>