-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathall.html
279 lines (224 loc) · 15.9 KB
/
all.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>:: Rajesh Personal questions ::</title>
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="css/ionicons.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/hover.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
<!-- Responsive css -->
<link href="css/responsive.css" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.png">
<script data-ad-client="pub-6300849404698883" async src="https://pagead2.googlesyndication
.com/pagead/js/adsbygoogle.js"></script>
</head>
<body>
<!-- start section navbar -->
<nav id="main-nav">
<div class="row">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo1.png" alt="logo"></a>
</div>
<div class="responsive"><i data-icon="m" class="ion-navicon-round"></i></div>
<ul class="nav-menu list-unstyled">
<li><a href="all.html" class="smoothScroll">Html</a></li>
<li><a href="javascript.html" class="smoothScroll">Javascript</a></li>
<li><a href="jquery.html" class="smoothScroll">Jquery</a></li>
<li><a href="angular.html" class="smoothScroll">Angular</a></li>
<li><a href="doc.html" class="smoothScroll">DOC</a></li>
</ul>
</div>
</div>
</nav>
<!-- End section navbar -->
<!-- start section header -->
<div class="html">
<div class="container">
</div>
</div>
<!-- End section header -->
<!-- start section about us -->
<div id="about">
<div class="mn_n">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2>HTML</h2><br/>
<h5>What is HTML?</h5>
<p>Hypertext Markup Language or HTML is a markup language which is used to create website templates or WebPages to present the content on the World Wide Web.</p>
<h5>What is the difference between HTML elements and tags?</h5>
<p>HTML elements communicate to the browser how to render text. When surrounded by angular brackets <> they form HTML tags. For the most part, tags come in pairs and surround text.</p>
<h5>How absolute, relative, and fixed positions are different ?</h5>
<p><b>Relative</b>: If you want to change the position of the elements, you can use relative. When you are changing elements positions to a relative, it changes the position of the elements by using the below attributes. Attributes are as follows<br/> <b>Alignment</b>: In this attribute, you can give the values like top, bottom, right or left according to that element position changes.<br/> <b>Size:</b> Mention in the pixels. </p>
<p><b>Absolute</b>: User can change the element position, and generally absolute will place relative to the parent. If a parent is not available to the page itself then default it placed as a relative position. </p>
<p><b>Fixed</b>: It will place the relative element to the browser window or viewport. When scrolling happens viewport doesn’t change. So the position is fixed for the element.</p>
<h5>What is web accessibility?</h5>
<p>Web accessibility means to provide access to the website for differently abled and disabled persons. So that disabled persons can understand, navigate, and interact with the web easily.</p>
<h5>Difference between UI and UX ?</h5>
<p>UI means USER Interface and UX means User Experience. UI Is mainly related to look and feel, colors, layout. But UX is related to how UI is used, i.e. usability, wireframing, interaction with UI.</p>
<h5>How to test website performance ?</h5>
<p>Website performance play a major role. As per Think With Google website, a website is excellent id its loading time is under 5 seconds. A website is fair if loading time is 5 to 8 seconds. But a website is poor if loading time is more than 8 seconds</p>
<h5>Which is best HTML debugging tool.</h5>
<p>We use chrome, firefox and firebug (included in firefox now) Dev tools as they are browser inbuilt. But W3C Validation is best HTML/CSS Debugging tools to validate.</p>
<h5>Difference between reset.css and normalize css?</h5>
<p>reset.css removes all build-in browsers styling like, margin, padding and border. But normalize.css gives a common book like appearance, like bold heading, margin between two paragraphs, common font-family, etc</p>
<h5>What is CSS Box Model?</h5>
<p>CSS Box Model includes actual content, margin, padding, and border its called box model</p>
<h5>what is boxsizing ?</h5>
<p>The CSS box-sizing property allows us to include the padding and border in an element's total width and height.</p>
<p> Total border-box width is equal to width + padding + border this is called boxsizing</p>
<h5>What are Pseudo-classes?</h5>
<p>A pseudo-class is used to define a special state of an element. <br/>
a:visited <br/>a:hover <br/>a:active
</p>
<h5>Difference between "b" and "strong" tag?</h5>
<p> "b" is a presentational element used to give bolder look to text. Whereas "strong" gives bolder look and strong importance in search results.</p>
<h5>Explain the difference between inline, inline-block and block?</h5>
<p><b>Block:</b> It will always starts in the new line and fills the right and left horizontal space on the web page.</p>
<p>Inline- Element: These elements do not start in the new line. They appear in the same line. In this, you cannot add space to top and bottom paddings to the page, but you can add space to the left and right on an inline element.</p>
<p><b>Inline-block:</b> In these elements are similar to inline elements, but padding and margins added on all four sides. </p>
<h5>one particular "div" vertical and horizontal screen middle how it will come using css ?</h5>
<p><span><img style="width:100%" src="images/flxm.jpg"></span></p>
<h5>What is the difference between HTML and XHTML?</h5>
<p>Html is a hypertext markup language where XHTML is extensible hypertext markup language.</p>
<p>Both languages are used to create web pages.</p>
<p>XHTML is XML based while HTML is SGML based.</p>
<p>Compare to HTML XHTML is strict and does not allow the users to get away with the lapses in coding and structures. </p>
<h5>How will you do 3 divs on the same row? </h5>
<p><span><img style="width:100%" src="images/3divs.jpg"></span></p>
</div>
<div class="col-lg-6">
<h2> </h2><br/>
<h5>What are “web workers”?</h5>
<p>A web worker is a script that runs in the background (i.e., in another thread) without the page needing to wait for it to complete. The user can continue to interact with the page while the web worker runs in the background. Workers utilize thread-like message passing to achieve parallelism.</p>
<h5>What are “web workers”?</h5>
<p>A web worker is a script that runs in the background (i.e., in another thread) without the page needing to wait for it to complete. The user can continue to interact with the page while the web worker runs in the background. Workers utilize thread-like message passing to achieve parallelism.</p>
<h5>What Is HTML5 Web Storage?</h5>
<p>HTML5 brought this new ability to store web pages within the browser cache. This web storage is not only faster than the cookies but secured too. It is capable of storing a large amount of data without compromising the performance of the website. <br/>Also, note that the cached data is not must for every server request. Instead, it gets utilized only when the page asks for it. And the web page which receives the data stored can access it.</p>
<h5> What is the difference between local storage, session storage and cookies?</h5>
<p><b>Local storage:</b> It allows to store the data without expiry limits.<br/>
<b>Cookies:</b> It allows to store the data within the client server.<br/>A cookie is a small amount of data that are stored on a user’s system or web browser. The main aspect of a Cookie is to remember and store information about you,<br/>
<b>Session Storage:</b> It stores the data when the window was opened.</p>
<h5>What Is A CSS Selector?</h5>
<p>A CSS selector is an expression following the CSS rules and used to select the element we want to style. And CSS selector syntax means how we write or use those selectors in the CSS editor.<br/>Please note that a CSS selector can help you find or select HTML elements based on their name, id, class, attribute, and more.</p>
<h5>What Are The Different Types Of CSS?</h5>
<p><b>Embedded</b> – It adds the CSS styles using the style attribute.<br/>
<b>Inline</b> – It adds the CSS to the HTML elements.<br/>
<b>Linked/External</b> – It adds an external CSS file to the HTML document.</p>
<h5>What Is Webkit In CSS3? And Why Is It Used?</h5>
<p>Webkit is a core software component which is responsible for rendering HTML and CSS in browsers like Safari and Chrome. There are other similar rendering engines like Gecko for Mozilla, Presto for Opera, and Edge for IE.</p>
<h5>What Is Z-Index And How Does It Work?</h5>
<p>The z-index is a CSS property which defines the stack order of web elements. Higher order elements will appear before any lower order element.<br/><b>Note</b> – The z-index only applies to the positioned elements. For example, position:absolute, position:relative, or position:fixed.</p>
<h5>What Is The Difference Between HTML Elements And Tags?</h5>
<p>HTML elements communicate to the Browser how to represent the text. They become HTML tags when enclosed within angular brackets <>.</p>
<h5>What are Pseudo-Elements?</h5>
<p>A CSS pseudo-element is used to style specified parts of an element. <br/>
p::first-line <br/>p::first-letter <br/>h1::before<br/>h1::after
</p>
<h5>Difference between "i" and "em" tag?</h5>
<p>"i" is a presentational element used to give italic look to text. Whereas "em" gives italic look and emphasise in search results.</p>
<h5>Div width:100%, height 300px, padding:20% then what is the output ?</h5>
<p>if we add padding to that div it will increase div with to 140% because div width 100% + 20%left + 20%right so it will increase </p>
<p>and without increase div width also we can do for that we have to add in that css (box-sizing:border-box) if we add this it will take inside padding only it will not increase div width.. </p>
<h5>Using css How to control multiple line to single line and end ... ?</h5>
<p>Using below css we can control</p>
<p><span><img style="width:100%" src="images/elps.jpg"></span></p>
<h5>Position absolute width:150px, height:150px, left:50%, top:20% and relative width:150px, height:150px, left:50%, top:20% where it will come that box positions ?</h5>
<p>In position relative it will not take top, bottom (%) but it will take (PX)</p>
<p><span><img style="width:100%" src="images/flx.jpg"></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end section about us -->
<!-- start section footer -->
<div id="footer" class="text-center">
<div class="container">
<div id="loading" class="tecnologies">
<div class="container">
<img class="lazy" src="images/html5.png" data-original="images/html5.png" height="60">
<img class="lazy" src="images/css3.png" data-original="images/css3.png" height="60">
<img class="lazy" src="images/js5.png" data-original="images/js5.png" height="60">
<img class="lazy" src="images/sass.png" data-original="images/sass.png" height="60">
<img class="lazy" src="images/jquery.png" data-original="images/jquery.png" height="60">
<img class="lazy" src="images/angularjs.png" data-original="images/angularjs.png" height="60">
<img class="lazy" src="images/typescript.png" data-original="images/typescript.png" height="60">
<img class="lazy" src="images/react.png" data-original="images/react.png" height="60">
<img class="lazy" src="images/npm.png" data-original="images/npm.png" height="60">
<img class="lazy" src="images/bower.png" data-original="images/bower.png" height="60">
</div>
</div>
<ul class="list-inline">
<li class="email list-inline-item"><i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:[email protected]" traget="_blank">[email protected]</a></li>
<li class="list-inline-item"><i class="fa fa-phone"></i> <a href="https://api.whatsapp.com/send?phone=9949598062" traget="_blank">+91 9949598062</a></li>
<li class="website list-inline-item"><i class="fa fa-github"></i> <a href="https://github.com/rajeshbyragoni" target="_blank">github.com/rajeshbyragoni</a></li>
</ul>
<div class="socials-media text-center">
<ul class="list-unstyled">
<li><a href="https://www.linkedin.com/in/rajesh-byragoni-94006670/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.facebook.com/rajesh.goud.1401" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://github.com/rajeshbyragoni" target="_blank"><i class="fa fa-github"></i></a></li>
<li><a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope"></i></a></li>
<li><a href="https://api.whatsapp.com/send?phone=9949598062" target="_blank"><i class="fa fa-whatsapp "></i></a></li>
</ul>
</div>
<p>© Copyrights Rajesh. All rights reserved.</p>
</div>
</div>
<!-- End section footer -->
<!-- JavaScript Libraries -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/typed.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/jquery.easypiechart.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
<script src="js/skills.js"></script>
<script type="text/javascript">
$(document).ready(function () {
setTimeout(load, 3000);
function load() {
$("#loading").show();
$(window).load(function () {
$('#loading').fadeOut('slow');
});
}
});
</script>
<script>
$(document).ready(function () {
$(".basic").text(calculateExp('01/01/2015'));
$(".oneYear").text(calculateExp('01/25/2018'));
$(".twoYear").text(calculateExp('01/25/2017'));
$(".threeYear").text(calculateExp('01/25/2016'));
$(".twoHalf").text(calculateExp('06/25/2017'));
$(".oneHalfYear").text(calculateExp('01/25/2018'));
$(".halfYear").text(calculateExp('06/25/2018'));
});
</script>
</body>
</html>