-
Notifications
You must be signed in to change notification settings - Fork 0
/
element.html
107 lines (97 loc) · 3.88 KB
/
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
<!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="stylesheet" href="element.css">
<title>HTML</title>
</head>
<body>
<div class="main">
<div class="menu">
<h5>HTML TUTORIALS</h5>
<a href="html.html">HTML INTRODUCTION</a>
<a href="tags.html">BASIC TAGS</a>
<a href="fortag.html">FORMATING TAGS</a>
<a href="attributes.html">ATTRIBUTES</a>
<a href="element.html">HTML ELEMENTS</a>
<a href="tut.html">BACK</a>
</div>
<div class="body">
<h3>HTML BLOCK ELEMENTS</h3><br><br>
<ul id="cbullet">
<p>You already know about tags all those tags have some displaying value i.e. Either they are block-level elements or they are Inline elements.</p>
<br><p>Now, let's discuss block-level. <br>Block-level elements are those elements that start in a new line and take the entire width of the screen.</p>
<br><p><b>Block Elements</b></p>
<li>< h1>,< h2>,< h3>,< h4>,< h5>,< h6></li>
<li>< p ></li>
<li>< hr></li>
<li>< address></li>
<li>< article></li>
<li> < aside></li>
<li> < blockquote></li>
<li> < canvas></li>
<li> < dd></li>
<li>< div></li>
<li> < dl></li>
<li> < dt></li>
<li> < fieldset></li>
<li> < figcaption></li>
<li>< figure></li>
<li>< footer></li>
<li> < form></li>
<li> < header></li>
<li> < li></li>
<li> < main></li>
<li> < nav></li>
<li> < noscript ></li>
<li> < ol></li>
<li> < ul></li>
<li> < pre></li>
<li> < section></li>
<li>< table></li>
<li>< video></li>
<br>
<p><b>Inline Elements</b></p>
<br>
<p>Inline Elements don't start on a new line. It only takes the width required to cover the content.</p>
<li>< a></li>
<li>< abbr></li>
<li>< acronym></li>
<li>< button> </li>
<li>< br></li>
<li> < big></li>
<li> < bdo></li>
<li> < b></li>
<li> < cite></li>
<li> < code></li>
<li> < dfn></li>
<li> < i></li>
<li> < em></li>
<li> < img></li>
<li> < input></li>
<li> < kbd></li>
<li> < label></li>
<li> < map></li>
<li> < object></li>
<li> < output></li>
<li> < tt></li>
<li> < time></li>
<li> < samp></li>
<li> < script></li>
<li> < select></li>
<li> < small></li>
<li> < span></li>
<li> < strong></li>
<li> < sub></li>
<li>< sup></li>
<li>< textarea> </li>
</ul>
<br><hr><br>
<footer>COPYRIGHTS © RESEVERED BY BASIC LEARNINGS</footer>
<br><hr>
</div>
</div>
</body>
</html>