-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path06_block_and_iniline_element.html
143 lines (128 loc) · 5.39 KB
/
06_block_and_iniline_element.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
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 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">
<link rel="icon" type="image/x-icon" href="/HTML/Images/eagle.jpg">
<title>Block and Inline Elements</title>
</head>
<body>
<h1>Block Elements</h1><br>
<address>
Written By <a href="mailto:[email protected]">Mihir Modi</a>
Visit us at:<br>
smartsense.com<br>
Gandhinagar
</address><br>
<article>
<h4>article</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit, sint!</p>
</article><br>
<aside>
<h4>aside</h4>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Id, cumque.</p>
</aside><br>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
<h4>blockquote</h4>
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF
works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million
globally.
</blockquote><br>
<dl>
<dt>title 1</dt>
<dd>description 1</dd>
<dt>title 2</dt>
<dd>description 2</dd>
</dl><br>
<form action="#">
<fieldset>
<legend>Details</legend>
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
</fieldset>
</form><br>
<figure>
<img src="/HTML/Images/eagle.jpg" alt="eagle Image" style="width:30%">
<center style="width: 30%;">
<figcaption>Image of Eagle</figcaption>
</center>
</figure><br>
<footer>
<p>author: Mihir Modi</p>
<a href="mailto:[email protected]">Mihir Modi</a>
</footer><br>
<nav>
<a href="#">HTML</a> |
<a href="#">CSS</a> |
<a href="#"">JavaScript</a> |
<a href=" #">Python</a>
</nav><br>
<pre>
<h2>pre tag</h2>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia harum cumque, vero ratione sed culpa,
sapiente cupiditate possimus maiores iste praesentium repellendus similique sunt dicta neque hic soluta doloremque mollitia distinctio natus? Maiores quisquam officiis ut molestias labore
molestiae doloribus, eveniet amet consequatur accusamus quae suscipit in reiciendis, magnam consequuntur?
</pre><br>
<video width="320" height="240" controls>
<source src="" type="video/mp4">
<source src="" type="video/ogg">
Your browser does not support the video tag.
</video><br>
<iframe src="https://www.smartsensesolutions.com/" width="50%"; height="300px">SmartSense</iframe><br>
<details>
<summary>Summary</summary>
<p>This is Summary</p>
</details><br>
<h1>Inline Elements</h1><br>
<a href="mailto:[email protected]" style="border: 2px solid coral;">a tag</a>
<abbr title="smartsense Solutions Pvt. Ltd." style="border: 2px solid coral;">Abbr</abbr>
<b style="border: 2px solid coral;">Bold</b>
<bdo dir="rtl" style="border: 2px solid coral;">
bi-directional tag
</bdo>
<cite style="border: 2px solid coral;">Cite Tag</cite>
<dfn style="border: 2px solid coral;">dfn tag</dfn>
<kbd style="border: 2px solid coral;">Ctrl + C (KBD)</kbd>
<output style="border: 2px solid coral;">This is Output.</output>
<q style="border: 2px solid coral;">Doluble Quote</q>
<samp style="border: 2px solid coral;">This is sample output</samp>
<select name="cars" style="border: 2px solid coral;">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
<time style="border: 2px solid coral;">2:00 (Time Tag)</time>
<var style="border: 2px solid coral;">Var = 5 (Var tag)</var>
<sub style="border: 2px solid coral;">sub Tag</sub>
<sup style="border: 2px solid coral;">sub Tag</sup>
<mark style="border: 2px solid coral;">Mark Tag</mark>
<del style="border: 2px solid coral;">Delete Tag</del>
<ins style="border: 2px solid coral;">Insert Tag</ins>
<small style="border: 2px solid coral;">Small Tag</small>
<meter id="disk_c" value="55" min="0" max="100" style="border: 2px solid coral;">2 out of 10</meter>
<progress id="file" value="32" max="100" style="border: 2px solid coral;"> 32% </progress>
<s style="border: 2px solid coral;">Not Correct (s tag)</s>
<label for="vehical">Vechical : </label>
<input list="vehicals" type="text" id="vehical" name="vehical">
<datalist id="vehicals">
<option value="car">
<option value="bus">
<option value="bike">
<option value="auto">
</datalist>
<label for="vehical">Vechical : </label>
<select id="vehical" name="vehical">
<option value="car">Car</option>
<option value="bus" selected>Bus</option>
<option value="bike">Bike</option>
<option value="auto">Auto</option>
</select>
</body>
</html>