Repository navigation
Expand file tree
/
Copy pathsample.html
More file actions
143 lines (122 loc) · 2.6 KB
/
Copy pathsample.html
File metadata and controls
143 lines (122 loc) · 2.6 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Blog</title>
</head>
<body>
<h1>How to display an image?</h1>
<p>
By using <img> tag, we could display an image. Here an example:
<img src="http://kau-identity.kau.edu.sa/Images/222/KAU_logo.jpg" alt="KAU logo" height="30" />
</p>
<h2>Image from current directory:</h2>
<img src="makkah.jpg" alt="Makkah" width="480" />
</body>
</html>
______________________________________________________
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Blog</title>
</head>
<body>
<h1>How to display data within a table?</h1>
<h3>Short Structure Table</h3>
<table>
<tr>
<th>#</th>
<th>Name</th>
<th>Department</th>
<th>GPA</th>
</tr>
<tr>
<td>1</td>
<td>Ali</td>
<td>IT</td>
<td>3.99</td>
</tr>
<tr>
<td>2</td>
<td>Fahad</td>
<td>Math</td>
<td>4.50</td>
</tr>
<tr>
<td>3</td>
<td>Mohammad</td>
<td>CS</td>
<td>4.25</td>
</tr>
<tr>
<td>4</td>
<td>Ahmad</td>
<td>IT</td>
<td>5.00</td>
</tr>
</table>
<hr>
<h3>Complete Structure Table</h3>
<table>
<caption>Price Table</caption>
<thead>
<tr>
<th>#</th>
<th>Item</th>
<th>Price</th>
</tr>
</thead>
<tfoot>
<tr>
<th colspan="2">Total</th>
<td>$14.74</td>
</tr>
</tfoot>
<tbody>
<tr>
<th>1</th>
<td>Apple</td>
<td>$2.55</td>
</tr>
<tr>
<th>2</th>
<td>Orange</td>
<td>$1.25</td>
</tr>
<tr>
<th>3</th>
<td>Bannana</td>
<td>$0.99</td>
</tr>
<tr>
<th>4</th>
<td>Avocado</td>
<td>$9.95</td>
</tr>
</tbody>
</table>
</body>
</html>
______________________________________________________
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Blog</title>
</head>
<body>
<h1>What do we need to send data?</h1>
<p>
<form> tag helps to create a Form in order to send data to a server.
Here an example:
</p>
<form action="test.html" method="get">
First Name:
<input type="text" name="first-name" value="" placeholder="Enter your first name">
Last Name:
<input type="text" name="last-name" value="" placeholder="Enter your last name">
<input type="submit" value="Send My Info">
</form>
</body>
</html>