-
Notifications
You must be signed in to change notification settings - Fork 0
/
block-elements.html
99 lines (89 loc) · 2.61 KB
/
block-elements.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
<!doctype html>
<html>
<head>
<title>Block level elements</title>
<body>
<h1>Block Level Elements</h1>
<address>Hi this is address element ,it makes text inline</address>
<article><h4>Article element</h4>
<p>It makes text in a block type to make it more self contained and independent</p></article>
<p>BlockQoute:</p>
<blockquote url="https://www.google.com">This is example of blockqoutes. It can contain url for a cite to make text refer to that website
It makes text indent from left as default
</blockquote>
<p>Canvas tag used to draw shapes</p>
<canvas width="200" height="100"
style="border:1px solid #000000;"></canvas>
<p>Div tag:</p>
<div width="100%" style="background-color:red"> Is to get a block structure it can be given any features/styling like color, width, height,etc..</div>
<br>
<p>dd,dt and dl used to make discription list</p>
<dl>
<dt>Circle:</dt>
<dd>It has infinte number of points</dd></dl>
<br>
<p>Different heading examples H1 is biggest and h6 is smallest</p>
<h1>H1 </h1>
<h2>h2</h2>
<h3>H3</h3>
<h4>H4</h4>
<h5>H5</h5>
<h6>H6</h6>
<br>
<p>Pre tag displays text as it is written in notepad without any change</p>
<pre>hi this
is example of pre +
</pre>
<br>
<p>List of different types ol makes ordered list and ul makes unordered list</p>
<p>Ordered list:</p>
<ol>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ol>
<br>
<p>Unordered list:</p>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>
<p>example of table</p>
<table border="1">
<tr>
<th>Sno.</th>
<th>Name</th>
<th>College</th>
</tr>
<tr>
<td>1</td>
<td>Rakti</td>
<td>Chitkara University</td>
</tr>
<tr>
<td>2</td>
<td>Vansh</td>
<td>LPU</td>
</tr>
<tr>
<td>3</td>
<td>Ishan</td>
<td>Thaphar</td>
</tr>
</table>
<br>
<p>Example of form:</p>
<form>
<fieldset>
<legend>Information </legend>
Enter name: <input type="text">
<br>
Enter password: <input type="password">
</fieldset>
</form>
</body>
</head>
</html>