WEB TECHNOLOGIES | ALL IN ONE VIDEO | OSMANIA UNIVERSITY | 💯 PASS SEM-4 |‎⁨@shivanipallela⁩

Added: 2026-06-04

[00:00:04]Welcome back to our channel. So students in this video we will discuss unit one web technologies exploration. So this video will be useful for you all web technologies exam. So by watching this full video you can attempt 12 marks weight age that is eight marks long question one you will attempt two questions short that is two marks two marks we can expect from unit number one. So total 12 marks weight age from unit number one. So don't skip the video and watch till the end. If you watch till the end only you will understand in middle of the video. I will tell what type of answer writing you need to write what I will tell certain tips and tricks you can easily score O grade in this subject. If you didn't start your preparation till now this video will be useful to you all. Okay students so coming back to the first question as I have given table question okay. If you are finding a table name in your question you need to write this answer.

[00:01:02]What is table? A table is a set of rows and columns. In a table we will have rows columns okay now a table is a set of rows and columns. The purpose of table is to customize the data on the browser window. If you want to customize your data in the HTML or any browser you need to use a table.

[00:01:26]A table can be created in HTML with a table tag. See here we are having table tag. So that is table tag and each row of table can be created with TR tag and each column of the create with TD tag okay. So when TR called table row and TD called table column okay. So it you need to write the introduction of the table. This is fixed introduction and easy introduction compared to the materials. If you are using your materials you can those who are following my notes, so this notes I have prepared. So, this will be helpful to score old grade, okay? What are the structure of table? What is the structure of table?

[00:02:09]First, you will have table column, next in table you will have rows, no? So, TR means in row, how many columns you want?

[00:02:18]Two columns you want? One two columns you want? So, TD tag open.

[00:02:22]In this you need to add the content TD tag close. TD tag open, content close.

[00:02:27]Next table row close, table close. This is the structure of table, okay? So, this is the structure of table compulsory you need to write it, okay?

[00:02:37]And next you are having attributes. In a table, what are the properties we will use? Align, whether you want your table in left, right or center.

[00:02:46]Okay? Next width, height, how much a table need a width and height. Next border. Okay? Next BG color, that is background color, background may image if you want means you can write it. Cell padding, cell spacing, this is the properties. And the last one is program.

[00:03:06]So, program how you will remember? HTML, head, title open, title close. If you want to give a title here in middle, you need to write it. Head the close, body open. Okay? Body open just a little bit, you need to write the table. Whatever the properties you are having, that you need to write it here.

[00:03:24]Okay? You are border, align, width, BG color, background, cell spacing, everything you can write it. And after writing that, you close that thing, okay? Bracket open, bracket close, like this you need to do. And what is the program? First you are entering table row. In table you are having three columns. First column name is one, second column name is two, third column name is three. Okay? So, this is the output of the table, okay?

[00:03:52]So, to perform this table in HTML tag, we need to use this program. Got it? So, our program name you mention just go on that is table answer for eight marks compulsory eight marks question. We can expect, okay? Either this or second one is form and controls, okay? So, a form is a submit a form is used to submit the information to web page, okay? So, web page the information is submit jail and we will use form tag, okay? What is the form tag? Form.

[00:04:23]Then they will have two methods in form, get method, post method. In get method, we will get the information from server to client. Got it? And post method, we will post the information from server to client. Okay? So, we will post here, we will get the information here, okay?

[00:04:41]Next you are having controls, forms and controls, okay? This is compulsory you need to write it. Here you will have my text box. So, input type is equal to text, password input type is equal to password, radio input type is equal to radio, check box input type is equal to check box, button input type is equal to button like that. This is easy. You need to remember these names, okay? So, this PDF already I have uploaded in Telegram group. Once you check out there, okay students? Next to multi-dimensional text box, file, reset, image button, okay?

[00:05:13]You need to mention all these controls and the program you need to write. Same whatever the table program we have the HTML header title open title close header close body open. Here you will have H1 tag. Here in forms and controls you will have H1 tag open. All the properties you need to write and same TD tag, TR tag, everything you need to write it, okay? So, what is the output of this program? This is the output of this program. If you want to create this output in HTML means you need to write that above program. So, program you need to write it. Next you are having frame.

[00:05:49]In frames you will have vertical method and horizontal method. Means you can use vertical method, you can use horizontal method of frames, okay? So, vertical method means it is created like this.

[00:06:01]So, this is the output.

[00:06:04]So, this is the program. HTML head title open title close head close. Frame set column no column 50 50 50 half 50 half.

[00:06:13]And the frame SRC frame SRC frame set to close HTML close. This is the program of vertical horizontal frame horizontal frame and vertical frame program is this.

[00:06:26]Okay? So, this is the output OP and this is the program. Same HTML head title title close head close and frame set here everything you need to write it here, okay? So, this questions is enough. Already I have uploaded in this already I have uploaded this PDF in Telegram group. If you are not aware of that, you can watch it, okay students?

[00:06:47]So, this questions is enough this answers is enough in materials the answers will be like a huge answers. So, I hope that this video will be useful. I only made this notes for you all. So, if you like this video then do like, share, comment and subscribe to our channel and let me know in the comment section how many members are watched the full video whether my explanation is understanding or not also. Please let [snorts] me know in the comment section.

[00:07:11]All the very best for your tomorrow's examination.

[00:07:14]See you all in next video. Bye-bye students.

[00:07:24]All welcome back to our channel. So, students in this video we will discuss unit number two questions explanation video. So, by watching this video you can easily score 10 marks weightage. Means one long and one short. Long consists of eight marks and short two marks compulsory you will easily attempt it. So, don't skip the video and watch till end. Then only will easily attempt any type of question. If you didn't start your preparation also by watching this video, you can easily understand the answers, okay? As many of you are getting difficulties in learning the answers, no? So, everything I will discuss in this video including programs also. So, the first important question is what is CSS and what are the types of CSS, okay?

[00:08:10]What is CSS? CSS stands for cascading style sheet, okay? Cascading style sheet we will call it as a cascading style sheet, which allows to separate the website design from its content. What it will do? It will separate the design from its content, okay? All the designs, whatever the dynamic designs, if image want to blur, if image want to move from one place to another place, okay? If your font want to give the animations, so any dynamic changes we will use CSS, okay? So, such as font, color, background, image, layout, everything we can do it with the CSS file. It is also known as with an extension CSS.

[00:08:56]Extensions.css we will call. Then, what are the types of CSS we are having, ma? Inline style sheet you are having, embedded style sheet, and external style sheet. So, these three uh are the types of CSS, okay? The first one is inline style sheet. What is inline style sheet?

[00:09:17]An any style sheet are used when styling should be done for a single or multiple elements of a web page. Look at web pages, look at book low, look at particular page low, look at particular word near a single word or multiple words near. If you want to change means you will use inline style sheet, okay?

[00:09:38]So, this is the uh thing of style sheet.

[00:09:41]What it will do? It will change only particular element or single word. See, e-line only e-word blur e-word just move and we will use inline style sheet, okay?

[00:09:53]So, what is the program of inline style sheet? Same HTML, head, title open, title close, head close, body open.

[00:10:01]Okay? So, this is the thing. Here in body tag after opening body, here you need to write the properties of that, okay? H1 style background color blue, font size 12 PT, means 12 inches, font family Arial or bold, your wish.

[00:10:18]Welcome, hi. See, this welcome is the image message. For this welcome, you're adding the background color, font size, font family, everything. Got it? Body close, HTML close. So, this is the inline style sheet. Second is the embedded style sheet, ma. Embedded style sheet is used for the multiple pages.

[00:10:42]Rather than a multiple pages, it will use only for a web page. Web page is nothing but a books load five to six pages in in that five to six pages, we are using only we are changing only one page, okay? Only one page, one web page, then that type of things we will use embedded style sheet. Embedded style sheet is used to change a particular web page only. Got it? And what is the program of embedded style sheet? Same HTML, head, title open, title close, okay? Here you need to write it here, ma. Style type is equal to text or CSS.

[00:11:19]Okay, here you need to write all the family sorry, all the properties whatever you have written in the previous program. Here you need to close style, here you need to close head, here you need to open body. This is the welcome is the message. For this welcome you're adding green color background, green 12 23 font size, aerial, border, everything you're adding. Then body close, HTML close. And the last one, external style sheet. Compulsory this programs you need to write it. And external style sheet External style sheet is used to change the multiple web pages. Multiple web pages is more than one page of a web page if you are changing means then we will use external style sheet. This type of style sheet, the CSS rules are specified to application to be written in a single document file.css you will save the document with the name of file.css okay? Are you getting my point? Next, what is the program of this? Same HTML, head, title open, title close, link reference. Here you need to add it this line, okay? You need to remember this line. Remaining all same. Head close, body open. P means P is nothing but paragraph. Paragraph welcome. Got it?

[00:12:36]Then body close, HTML close. So this is the program. This is the answer of CSS.

[00:12:42]If you're finding the question in question any question CSS or cascading style sheet, this answer you need to write it. Inline style sheet, embedded style sheet, external style sheet. You need to write the introduction of these three and you need to write the programs of these three. Compulsory you need to write it.

[00:13:00]Next question and the last question you are having, filters and transition.

[00:13:05]Filters and transition means nothing but an important role. If you want to give any dynamic effects, for example, you want to change this page this this place, okay? So if you want to give any animations, if you want to give any filters, Instagram also when we will put a story we will give certain filters and animations no? Birds will fly. Okay, that type of dynamic changes if you want to use means then we will use filters and transitions. Okay, what is the filters? It will give the dynamic web pages. Dynamic effects to the web pages without any time delay. Here you will have a this type of filters now.

[00:13:46]Flip H. Flip means horizontal flip, vertical flip, and blur, wave, chroma, glow, grayscale. What horizontal image you will turn into horizontal image will turn into vertical. Blur means it will give a blur statement. Wave means it will do like this a wave type of effect.

[00:14:06]Chroma is nothing but it will appear and become transparent. If you open our video also, first you will find the animation of chroma only. Okay, but first it will appear and it will disappear the thumbnail. So, that is the effect. That type of effects we are using in filters and transition. So, just the thing is you need to remember these names. Okay.

[00:14:28]One minute.

[00:14:33]Just the thing is you need to remember these names. This automatically you will get it. Okay. So, this is the thing now.

[00:14:40]And you need to write the examples of various filters. See, from here to here, same for everything. Here you need to change the names. Here you are having flip H. Here you are having flip H. If you want to here you If you want to use blur, blur open bracket, same till here to here same. Here you will have blur open bracket close like that. Okay. But it doesn't seem it can't get images filter work. Everything will be same except you need to change the names of the remaining things. Okay. Like that we will do any of the things.

[00:15:17]Okay. Now, next you are having transitions. So, filters and transition is only one question.

[00:15:23]So this is the second question and the last question from unit number two mark.

[00:15:27]Transition is nothing but one minute.

[00:15:32]Transitions filters are nothing but effects to a particular web page. So in order to give the moving page, okay. If you want to move the picture, if you want to move the video, if you want to move any adding things into the video or audio, anything, then it is called a transition. Here we will have reveal transition and blend transition mark. Reveal transition what it will show, it will show or hide the image or any object, any web page.

[00:16:04]Next to blend is nothing but fade in fade out. And then zoom and then fade in I think blur I put on the fade out and then when they put on and then white is like just on the matter. That is called fade in fade out. So this is the units of unit number two questions of units number two. I hope that this video will be useful to you all. So this is all about the video students. If you like this video, then do like, share, comment and subscribe to our channel and share with all your friends and groups.

[00:16:34]And all the very best for your examination as well as the preparation.

[00:16:38]See you all in next video. Bye-bye students.

[00:16:48]All welcome back to our channel. So students in this video we will discuss unit number three web technology subject, okay. So by watching this video you can easily score 10 marks weight age from this unit. That is eight marks is long question, two marks one definite short questions you will get, okay. So detailed explanation video I will give in this video, okay. So detailed explanation video I will give. So don't skip the video and watch till the end, then only will understand. And after watching this video, let me know in the comment section how you felt about the explanation video. And our channel is near to 50k subscribers, just finish 50k subscribers if you like this video, okay? So, just share with all your friends and groups and tell them to subscribe to our channel because they will also get benefited. So, without getting late, let's get into the video, ma'am. So, first question you are having, what are the various types of data types you are having in JavaScript?

[00:17:49]Okay? So, firstly, what is a data type?

[00:17:52]It is used to indicate the type of data value. Whatever the data values we will store in the JavaScript, it will have some character or any variable or any numerical thing, okay? 1 2 3 4 a b c d, anything we will have. So, that type of data is known as data type. a b c d sign, 1 2 3 4 sign. It's a variable thing we will store in the data. That type of things is called as data type, okay? So, what are the data types you are having in JavaScript? JavaScript can be classified into four types, okay?

[00:18:30]What are the four types? First one is Boolean.

[00:18:35]Second one is uh string data type. Third one is null data type. Fourth one is number data type.

[00:18:44]So, this is the four types of data types we are having in JavaScript, okay? So, we need to explain each and everything.

[00:18:51]You need to elaborate the answers in both the pages. Front and back, you need to write it for eight marks. So, compulsory below that do you don't uh reduce the answer, okay? So, Boolean data type. What is this Boolean data type? That data type consists of two logical values. What are the logical values? Either true or false. Okay, either true it will be either false it might be either it true it might be might be. Okay, so this is the logical values which we will provide is known as Boolean data type. Next you will have string data type. String data type is used for the inverted commas. The information will be made in the inverted commas written in double quotes. So double quotes if you are written means that is a type of string data type. In this data type of JavaScript information is written in double quotes. See here I have drawn some picture. You need to draw it here.

[00:19:50]Okay. So here the example true or false also you need to write it in the examination answer. And the third question is null data type. Null data type means nothing. The value is zero.

[00:20:02]Whether he or she feels it does not want to initialize the value then it is called as a null hypothesis.

[00:20:10]Got it? Nothing will be there in null hypothesis. Only brackets you will have.

[00:20:14]That is called null hypothesis. And the last one is number data type. Whatever the numbers we are using 1 2 3 4 that is called as number data type. The opposite of string data type the value is declared without double quotes. Okay, without double quotes the value will be written and that is a number. See here variance number 30, variance quality quantity 65.7 my salary 15. This type of things we will use it by numbers only, no? So that is the number data type. Got it, students? Next you are having operators in JavaScript. What are the different types of operators we are having? So this is the second and the last question from unit number two I have given, ma. So what is a operator? Operator is a symbol that performs some operations. Any mathematical operations, arithmetical operation, logical operations. If we want to perform in the JavaScript, means that is called the operator. An operator will do all the calculation purpose. Okay, what are the different types of operators we are having, ma?

[00:21:22]There are mainly five types of operators: arithmetic operator, assignment operator, relational operator, logical operator, and bitwise operator. You need to remember this side headings compulsory.

[00:21:35]Got it? So, compulsory you need to remember this side heading. The first one is arithmetic operator. In arithmetic operator, what are the things we will have? Addition, subtraction, division, multiplication, modulus is nothing but percentage, increment, decrement. Addition is plus, uh, subtraction minus, into, division, percentage. Increment means double plus.

[00:22:00]Decrement means double minus, okay? So, that is the symbols you need to write it here. Compulsory you need to write it the answer like this only. Next, you will have assignment operator. What does this assignment operator will do? It will assign the values to variables.

[00:22:15]See, here I have drawn some, uh, table. Here you see, uh, plus equal to, minus equal to, multiplication equal to, increment equal to, decrement equal to. So, this is the example. This is the operators in assignment, okay? Assignment operators is plus equal, minus equal, multiplication equal, division equal, uh, increment equal, decrement equal.

[00:22:39]That is the assignment operator, and this is the examples, okay? So, you can write it by down also. You need to elaborate the answer anyway. So, and the third one you're having relational operator, ma. Relational operator is nothing but these operators are used to test the relations.

[00:22:56]What it will What relations it will do?

[00:22:58]Equal double equal to, not equal to, okay? Double equal to, not equal to, identical, non-identical, okay. So, less than, greater than, less than equal to, greater than equal to. This type of symbols will be performed in relational operator. Okay, if you are remembering this operators, means you can elaborate the answers by your own, okay?

[00:23:22]And fourth one you're having logical operators. Logical operators is nothing but double land double exclamatory mark, okay? Slashes.

[00:23:32]If you're using this type of operators, means then we will call it as a logical operator. And the last one you're having, ma, bitwise operator. What does this bitwise operator? When you want to use and or not, less than greater than equal to, less than equal to, okay? Left shift, okay? This type of performances, this type of operators if you want to perform, means you that is known as bitwise operator. If you want and in any program in JavaScript, means we will use bitwise operators. So, these two questions is enough from unit number three, ma. So, this is all about the video. If you like this video, then do like, share, comment, and subscribe to our channel. And uh share with all your friends and groups because our channel is near to 50k.

[00:24:19]Everybody is watching, but some of people are not subscribing. 70% of our viewers are not subscribed. So, let us finish 50k subscribers. I'm expecting this only from you all. So, if you think that this video is worthy, then do subscribe and share with all your friends and groups, okay? See you all in next video. All the very best for your examination. Bye-bye, students.

[00:24:47]All welcome back to our channel. So, students in this video, we will discuss unit number four uh explanation video of web technology. So, by watching this video, you can score 10 marks weightage, that is eight marks long and two marks short. So, don't skip the video and watch till the end, then only you can easily understand whatever the things I'm saying in this video, okay? So, by watching this video, you can complete this fourth chapter uh easily.

[00:25:15]Okay, so let's get into the video. The first question I have given mark, keyboard events, okay? So, what is keyboard events?

[00:25:23]If you are finding they will ask a keyboard events in the question means you need to write this answer only. Got it? So, keyboard events is nothing but whatever the actions we are performing through the keyboard is known as keyboard events. Here what I'm saying, responses made by the browser on account of users interaction are often referred as events. Whatever the thing we are want, that we will perform the actions through the responses of a browser.

[00:25:56]Responses will get from the browser as per the interactions whatever the referred thing we have given to that events is known as keyboard events. So, what are the various keyboard events you are having, ma? The first one is on key press.

[00:26:12]Second one is on select. Third one is on key up. And fourth one is on submit, okay? General thing, if I will explain also, this is the answer uh like that you will tell.

[00:26:24]Got it? First one, on key on key press.

[00:26:27]What is this on key press means when we will click on the keyboard key, that is called on key press. When a keyboard keys and then we will press, no? So, that is called on key press. The on key press event occurs when the user presses the key or holds downs the key on a keyboard. When we will click on the key in the keyboard, when we will pull downs that key, that is called on crispy. On sorry, on key press.

[00:26:57]This event is handled by on key press event handler. Okay? So, keyboard key press that is known as on key press.

[00:27:08]Got it? Second one, on select. On select is nothing but it occurs when some text is selected in any element. This event is handled by the event handlers. When we will select any element through keys in the keyboard, then it is called on select. That's it.

[00:27:27]You need to write this much only. No need to elaborate nothing, okay? Next you will have on key up. On key up is nothing but when the user releases the key after pressing the key in the keyboard, when when the user releases the key, the key will come up, okay? So, that is called on key up.

[00:27:48]It occurs when the user releases the key that is pressed by him or her on a document, image, link, etc. This event is handled by the on key event handler.

[00:28:00]Okay? So, press release key on key reverse that is called on key up. Next you will having on key submit. That is on submit or on key submit. So, this is the form of based event where falls and fills in the given form and ensures that entries are the loaded, okay? When we will set mid button is provided in each of the end of the thing, that is called as on submit, okay? So, this is four types only you will have in a keyboard events.

[00:28:33]You need to write the program now. So, this is the only program you are having, small program. So, HTML, head, title, title close. So, this is the title on key demo, okay? You are we input type is equal to text is equal to press on key and releases on key up alert body close HTML close. So, this is the program a simple program I have given. If you have seen in the material, it will have a big program. Instead of that, you can write it this program. This is the keyboard answer, okay? And the next and the last question from unit number four is mouse event or the keyboard event or mouse event definitely one question will get in part B in today's examination.

[00:29:18]So, on key e sorry, mouse events are you are having on click, on double click, on drag drop, on mouse down, on mouse move, on mouse out, on mouse over. So, this is the seven types of mouse event we will perform with the mouse.

[00:29:37]Same like on click means whenever the user is clicking on the mouse, then it is called on click.

[00:29:45]Got it? Whenever we will click on the thing using mouse is called on click. On double click is nothing but whenever the event is handled with a double time click, okay? Double click means when we will do double click with the mouse event, that is called on double click.

[00:30:02]On drag and drop is nothing but and drag and drop you will have no cursor you will have in the mouse, okay? You will have some cursor here in the middle of the how middle of the mouse, that is called as uh on drag drop. And next you are having on the on the on mouse down, ma. On mouse down is nothing but whenever the you press down any element is called as on draw on mouse down. On mouse move is nothing but when you will move the pointer, that is called on mouse out. Uh on mouse out is nothing but when the cursor leaves the element, that is called on mouse out.

[00:30:41]Then you need to write the programming map. So, this is the program. So, here you will have some difficult program doc type HTML HTML body title open title close. Here this one you need to remember, okay? So, this part and this part will be same. Only this part you need to get remember, okay students?

[00:31:00]This is all about the video. I hope that you have got clarity about the fourth unit explanation. Compulsory only mouse even keyboard events again you don't confuse. This two questions is enough for tomorrow's examination. If you are perfect with long, no need to learn short, okay? So, this is all about the video students. If you like this video, then do subscribe to our channel because our channel is near to 50K and share with all your friends and groups because this video will be useful for them also, okay? All the very best for your last examination. See you all in the next video. Bye-bye students.

[00:31:39]Welcome back to our channel. So, students in this video we will discuss unit number five in web technology. So, in unit number five I have given only one question. So, that one question only I'm explaining in this video. So, that question only will come in the examination as I have already discussed before one month only in our channel.

[00:32:01]So, this video in this video I will give the answers, okay? So, what is that question means XML. That is extensible markup language, okay? If you're finding XML in your question XML style sheet or XML doc XML DOM anything, if you're finding XML in your question, you need to write it this answer only. What is that it means? XML stands for extensible markup language. Extensible markup language, it is same like HTML. XML was designed to carry out the data not to display the data. Basically, whatever the programs we are we will use in the HTML or any JavaScript, it will have some coding language. But here in Extensible Markup Language, that is in XML, it is a user-defined language, okay? In you can use the coding in English only. English is a universal language, no? So, it will not have any specific rules and regulations. It It won't have any programming languages.

[00:33:05]Got it?

[00:33:06]XML was designed to transport and store data with the focus on what data is XML document. What it will do, it will store data and it will focus the data and it will share data, whatever the documents you are having in XML. XML was created to structure, store, and transport information. XML was created to whatever the structured and the storage and whatever the transport information we are having, we will use it, okay? Next, uh structure of XML document. What is the structure of XML document we are having? It is a form of tree structure tree structure.

[00:33:45]Means it will have root element, child element, subchild, okay? What is the format and what is the syntax of XML is whatever this you are having.

[00:33:58]Whatever this you are having, uh XML version is equal to {question mark} XML version is equal to 1.0. That is the syntax of the XML document. Here you will have root element, here you will have sub element, here you will have subchild element, okay? Root element, child element, subchild element, okay?

[00:34:19]Subchild element open close, for example, I'm saying.

[00:34:24]Uh root element is mobile phone. Okay?

[00:34:28]Child is Android and uh subchild is Oppo you will have, Okay, Vivo you will have like that, okay? That is called means if you click on one thing means like that another document will open, okay? Like that it is a tree structure based programming language, okay? Got it? So, I hope you have got understood. And the next you need to learn what are the features of XML you are having. So, that mostly I have written seven features. You need to remember the seven. What is It is easily convertible. Whatever as it is a universal language as it is as it is having a English language, it is easily convertible, okay? Whatever you are writing the another perspective of the format, it will easily convertible.

[00:35:12]Got it? Next you are having secure data transfer. While transferring your data from one to another, your data will get security and it will be away from the hackers, okay? It will give certain security protocols to you all, okay?

[00:35:28]Next you will have XML as a universal language. Why it is called a universal language? Because whatever the desktop applications you are using, that can be stored whatever you are having.

[00:35:40]Universal language is English. Got it?

[00:35:43]Next allows XML validation. Allows XML validation is nothing but DTD and XML schema. It will allow you to go into the XML schema or the validation of that, okay? And new create new language. What is create new language? It creates wireless markup language. You don't need to have any wireless wired markup language. Without wireless you can do all the programming things. And sixth one is it provides Unicode. Unicode means it will whatever the communication is written in the human form, it will is understand that human form.

[00:36:22]Okay, it supports and it will performs whatever the task you are performing, that will be allowed, okay?

[00:36:31]And the last one, students, easy and efficient data sharing.

[00:36:35]Easy and efficient data sharing means whatever the data you are sharing through the software, it will share easily and accurate data will get provided and it will stay with the software and hardware configurations also. And uses of XML also you need to learn and you need to write that for the eight marks. And here it is used to exchange data and the content and document will be there. Database and storage capacity will be there. HTML will have a separate language. Whatever you have learned till now, that you need to convert it by the answers as your own, okay? So, this is about the video, students. I hope that you have got clarity and this one question is enough from unit number five, okay? Hardly I have given only nine or eight questions in whole overall web technologies and remaining chapters also have uploaded.

[00:37:27]You just check out and watch the videos and all the very best for your examination as well as the preparation of your last exam in semester four. And I hope that question paper will get easy and you will rock in your examination.

[00:37:41]And if you like this video, then do like, share, comment and subscribe to our channel and share with all your friends and groups, okay? Because we are near to 50k subscribers. Let us finish 50k subscribers by June end. So, see you all in the next video and after completing examination, let me know in the comment section whether the questions are repeated or not, okay? See you all in the next video. Bye-bye, students.

[00:38:09]So, from unit number one, the first important question what I have gave to you all, table. Yes? So, if you are finding table question in your seven in your ninth question, you need to write this answer only. What is the answer? A table is a set of rows and columns.

[00:38:32]as well as the columns. The purpose of table to customize the data on the browser window. So why we will do this table means whatever the data we are having, we will merge the data into the in the form of table.

[00:38:51]Okay?

[00:38:53]You will have rows. You will have columns. Yes or no?

[00:38:58]Next. A table can be created in HTML with the table tag. A table can be created with the HTML with table tag.

[00:39:08]And each row of a table can be created with TR tag. And each column will be created with TD tag.

[00:39:17]TD and then the table data. Okay?

[00:39:24]TR means table row.

[00:39:26]TD means table column.

[00:39:29]Table.

[00:39:31]This is table tag. Got it? So introduction Okay now? So next.

[00:39:41]What is the structure of a table? In a structure of table, you will have table, TR, that is table row, TD, TD. I means how many columns you want? That many times you need to write it. How many rows you want? That many times. Opening tag, closing tag. Closing at the Just you keep slash and write TR.

[00:40:02]Just keep slash and write TD. It means that you will you're closing the tag.

[00:40:07]Whatever the tag you're opening, definitely it should get closed. Okay?

[00:40:13]So what are the attributes? Attributes is none other than the properties. Okay, features. Okay. So, what we will do? A table can be merged into left or center or right.

[00:40:26]Right and I get page low right side on the table method to center low and a table method to left side low and a table method to method to Got it? Width how much how much is the height of the width? How much is the height of the width of the table? I can do not a double into double into double into double into double set just go to border border always it should be getting one background color and a double a background image at general if you want to any add any image. What is the cell padding cell spacing? These are all the properties. Got it? So, now example program we need to write it.

[00:41:07]What is the example program? HTML head title open title close title opening and title closing. Head tag is also closing.

[00:41:17]Head tag open head tag closing title open title are closed. Next body tag. In a body tag what we will do? Whatever the properties you want to merge in that that all properties you will write it over here.

[00:41:31]Got it? Next cell padding. See, you can make a right side and it's not this is called the output. Okay, to create this output in HTML table in HTML program you need to write this program.

[00:41:45]Okay, now you land to table create say yellow and enter you need to write this program. TR open how many columns you want? Three columns. 1 2 3. Table roll any columns three columns so that's why three times.

[00:42:00]Table roll is closed. Okay, next again 4 5 6 7 8 9 You also program make easy to make a potato. The same thing you are repeating only numbers is changing. Got it? And after that body tag you should close it. HTML tag you should close it.

[00:42:17]Got it? Eight marks answer this is.

[00:42:21]If you're finding table in the question, this answer only.

[00:42:25]Any doubts in the table now?

[00:42:28]Any doubts?

[00:42:31]>> No, ma'am.

[00:42:32]>> Next question.

[00:42:33]Forms and controls.

[00:42:35]Okay? So, mostly mostly 99% you will get table only. If not, if not you will get forms. Forms and controls.

[00:42:46]What is the form? Form is nothing but the form is used as a with the information to the web page can be created in HTML with the form tag. For example, if you want to fill a form, if you want to submit a form in a in something, if you want to submit any application, the on the web page, whatever the page you're having, there you will find all the forms syllabus.

[00:43:09]Like for example, your name. Name, this dabba. In that dabba you need to write your name, right? So, to create that form, what are the things we need to do it? In this form you will have get method and post method. Get method is something to get the information from the server.

[00:43:26]We are getting the information from the server to the client. Post method means we will post the information into the server. So, for example, from Google we will get the information. Yes or no?

[00:43:39]Post method means after uh giving rating to certain restaurant, we will review our information. Means we will post our experience. Yes? We will review information and post yes. That is called post method. Okay? Forms means you will have form is nothing to whatever the we need to submit the information into the form. In that you will have get method and post method. Next controls. In controls you will have text box.

[00:44:06]Text box. What is the symbol of text box? Just like this.

[00:44:10]Okay? This is text box. Next password.

[00:44:13]Next radio. Radio is nothing but either you need to click on female or male. Any one option.

[00:44:20]Both you can't Both you can't click it.

[00:44:23]Yes? Next check box, button, drop down.

[00:44:27]All the symbols you are having, this is the description. For all input type is equal to whatever you are having that one. You can answer what simple logic if you If you follow that logic, you can easily elaborate your answer. Got it? Next you are having based on that you need to write the program. See, for every program in web technologies HTML head title open title goes head tag close body open. This is the basic structure it seems. Means out of five units, this program head HTML body tag you can write that program in any answer. Got it? So whatever the properties you want to include that you can include it. How many columns, how many tables you want include it in the program you can include it. Okay? For example, huh?

[00:45:14]You have done everything correct.

[00:45:16]Program certain mistake you have done. You are thinking that you have done the mistake.

[00:45:21]You have wrote something wrong. You are not remembering at that time. What you will do? You just continue your program.

[00:45:27]Don't like don't do any strike offs like this.

[00:45:31]If you have done wrong also, just continue and proceed your follow the answer. Don't keep any strike off. Don't do any Nothing you don't do anything in that. Okay? So this is the only tip I want to tell you all.

[00:45:43]Okay, well, the programs if you are not getting understand means just be perfect with certain programs.

[00:45:49]Okay? At that time at that moment if you are unable to recognize that means some try to write some or the other thing what you remember it. Okay? So this is the [laughter] output of that. Okay?

[00:45:59]Only these two questions is more than enough from unit number one. So, unit number one, eight marks question. For four for two marks, what they will ask?

[00:46:08]They will ask about the HTML. Yes, they will ask about the table. They will ask about the form. They will ask about the frame. They will ask about the control.

[00:46:19]Yes, whatever you have discussed in the long, the same thing you need to write it for the short also. How many lines you will write? Approximately six to seven lines you need to write it.

[00:46:32]Okay? For example, this is your booklet.

[00:46:34]This is one side of your booklet. In one side, two marks answer, two you should be getting filled.

[00:46:50]Got it? Then only you will get the full marks. Got it?

[00:46:54]Or any any doubts you're having in unit number one?

[00:46:58]Let me know.

[00:46:59]Number two, the only one topic we are concentrating on for tomorrow's examination is CSS.

[00:47:08]Okay? For your final examination, what topic we are discussing?

[00:47:11]Key CSS. CSS is also known as cascading style sheet.

[00:47:17]CSS and cascading style sheet and is one and the same. CSS stands for cascading style sheet, which allows the separate the website design from the content. All the design elements such as color, font, background, webpage layout are stored in the CSS file with an extensible CSS. For example, if you want to change the font, if you want to change the background color, if you want to change the color, if you want to change the any other things, okay? Whatever the your if you want to change anything, for example, this is the PDF I have sent it to you all. Okay? I want to make changes only for this page. Only for this page. Or else, I want to change the PDF only for all the pages.

[00:48:08]Okay? Cascading style sheet. Cascading means you want to change your things.

[00:48:14]You want to alter your things. Either it might be font, either it might be background, either it might be anything.

[00:48:20]Okay? That is called cascading style sheet. Which it will allows to the design your web page or website.

[00:48:32]Okay? Generally, style defines the which HTML are shown on web pages. So, this thing whatever you're having here See here, whatever you're having here, sector or property.value.

[00:48:47]As it is, you need to remember it. Okay?

[00:48:49]There is not at all having any changes over there. In this, you're having types. How many types we are having?

[00:48:56]Three types we are having. Inline style sheet, embedded style sheet, and external style sheet.

[00:49:06]What does it mean means?

[00:49:08]Inline style sheet are used to styling should be done for a single or multiple elements of a web page at a single instant. For example, what they are saying means this is your web pages. You have a PPT presentation. You have done your work. How many pages are there in that PDF? Three pages are there in your PDF. Yes? I want to make the changes in your PDF.

[00:49:34]Multiple changes need to be done.

[00:49:37]I want to change your mistakes. I want to change your style. Either it might be font, either it might be background color, either it might be anything.

[00:49:46]Okay?

[00:49:47]What I need to use? Inline style sheet you need to use. When you want to change your web pages, when you want to change your single or multiple elements in a web page. Okay?

[00:50:00]That is called inline style sheet. You put up a paper on the for example, you think that this is your web page. One side of your page is a web page. In that, I want to change this types of CSS color. I want to change this inline style sheet need bold bold of can be a better than I am good now. I want to underline this.

[00:50:20]The time what I need to use, I need to use internal style sheet. Internal style sheet and just a day.

[00:50:27]It will change the like it will make the changes as a simple or single or multiple changes in a single web page. Web page and the okay.

[00:50:39]Web page is only one. Web pages is more more than one.

[00:50:44]Okay? Got it? Inline style sheet and the other way in the uh uh About the program. The body it is same.

[00:50:51]Just the okay matter of what include I today. After that, this is also same.

[00:50:55]This is also same like first unit. Only one line you're it is getting extensible. Next embedded style sheet.

[00:51:05]H1 style is the tag. Then when I am watching you now.

[00:51:10]Okay?

[00:51:12]Next one, embedded style sheet. Embedded style sheet that put you just a moment there. It is used when styling should be done on a particular web page rather than the multiple pages. I am not for example, you are having five three four pages.

[00:51:29]Okay? In that, you want to change only this one.

[00:51:33]Only okay day page knee change the alley.

[00:51:36]Only okay day page knee you want to change the maker. You want to make the changes.

[00:51:41]The time what you will use, you will use embedded style sheet.

[00:51:45]Okay? What it will do, It will make the changes multiple like it will change the styling for a multiple pages. Not for a multiple pages, it will make the single pages.

[00:52:06]That is program.

[00:52:08]It got a program loaded here. It is same only this part and this part it is same and remaining here also it is same.

[00:52:20]Next external style sheet. Last type of CSS is external style sheet. It is used to style multiple set of pages. And then for example, four pages in our pages changes make the other one. You want to make changes in all that four web pages.

[00:52:40]That time what you will use external style sheet you will use.

[00:52:47]Embedded and then multiple changes in a single web page. Yes.

[00:52:52]External style sheet and the name of multiple web pages more than one web pages.

[00:52:59]It's simple be college low strength and the one like around 200 members yes in your college there are around 200 members in your class.

[00:53:10]In that 200 members there are 50 members absent in a day.

[00:53:15]Will your college will make every single message for every single student?

[00:53:23]They will with the single click they will send message to the selected students. Right? Yes or no?

[00:53:35]Okay, after completing this again I'm saying that if If want to pass in web technologies, only seven questions whatever I have given, you can learn that. What are the seven questions I have given?

[00:53:49]Table, forms and controls, CSS, data types in JavaScript, operators, mouse and keyboard events, and extensible markup language. If you want to score O grade, if you want to attempt everything, if you are having time means, in second unit you learn filters and transition also.

[00:54:06]Which is not much important, but I'm saying, okay?

[00:54:14]If you want this explanation means, you can watch the separate video whatever is happen having in our channel. Got it?

[00:54:21]Yes or no?

[00:54:24]>> Yes, sir.

[00:54:25]>> Simple filters and transition means what I will explain. I will explain in a simple way. For example, filters, transitions. Yes?

[00:54:34]So, transition is nothing about the movement.

[00:54:38]For example, if you want to open if you if you're opening any YouTube channel, first letters will come like this, S H I V A N I.

[00:54:59]It all called transitions. Transition is nothing about the applied object, dynamic object. It will come inside of the symbols move item, you got that?

[00:55:08]When person is reading in the background, it will read all the sentences whatever you are having over here.

[00:55:13]What is a filter? Filter is nothing about the whatever the way, whatever the flip horizontal flip on today, vertical flip on today. Everyone will be able to present it just like you are doing it.

[00:55:23]You know?

[00:55:24]Curtains will open like this.

[00:55:26]Okay? First opening video it will come like this, just it will open like that.

[00:55:30]Yes?

[00:55:31]Waves will words it will all stay. Wait, I will show it.

[00:55:36]Wait, I will show it.

[00:55:37]See, for example, you think that this is your content. Okay? So, if you are you see the transitions, I will make you that transition. See.

[00:55:47]It will come like this.

[00:55:50]Or else it will come like this also.

[00:55:55]See.

[00:55:57]This one.

[00:55:59]This one.

[00:56:06]Yeah. Sometimes it will come like this also. Different types.

[00:56:10]These are all called filters. Filters we use it on. Okay?

[00:56:15]Animations like it will come to the opening video on the recording.

[00:56:19]It got a Make animations with a C. It will go out with you. It will go out with you. It will go out with you. It will go out with you. It will go out with you. It will go out with you. It will go out with you. It will go out with you. It will go out with you. It will go out with you. Right? Got it? Understand I think that.

[00:56:33]Let it loop around with you. Go ahead.

[00:56:36]Loop around with you.

[00:56:37]Okay? These are all various types of filters and transitions. When I make a PPT presentation to you, I just want to make these are all things we will handle it. No?

[00:56:48]Yes or no?

[00:56:50]I don't mind that. Simple thing. Brief explanation I'm doing. That's it. If if you go away I didn't know what you are writing that to go jump to now. I don't mind that.

[00:56:58]You need to use understanding or not any doubts you're having.

[00:57:03]From unit number three, what topic we have asked you I have asked you to learn data types in JavaScript. So, what is a data type? A data type is a type which it will indicate a data stored in a variable. Okay? So, whatever the data we are storing in a variable, that is called data type. Okay? So, data types there are so many types of data type.

[00:57:27]See here I have mentioned there is a Boolean data type, string data type, null data type, and number data type.

[00:57:36]Okay?

[00:57:40]Where in the third unit, that is probably 11th question data type and question you need to write this answer only. What is so here what you will have boolean data type is nothing about this data type is used when you want true or false.

[00:58:00]The time what data type I will use?

[00:58:02]Boolean data type I will use. Okay, if you want to include this true or false.

[00:58:06]Either the answer it might be true or false. Don't know what to say yes or no.

[00:58:12]String data type. When you will use this string data type means when you want the inverted commas. You can inverted commas what data type you will use? String data type you will use. Next null data type.

[00:58:26]Null data type I can't just bracket and say.

[00:58:30]Null data type is nothing about there will be no value in that specific thing.

[00:58:34]Okay, so that is called null data type.

[00:58:37]Okay, it's optional.

[00:58:42]There they will sell address optional and that is called null data type. Null data type is a type whether you want to make it or not it's your wish. And the last one is number data type. If you want to include any number. Okay, 30 65.75 15,000. If you want to include this type of numbers means what data type you will use? Number data type we will use. Only four data types we are having in a JavaScript. Boolean, string, number data type, and null data type. That's it. Got it?

[00:59:15]Understanding this this answer?

[00:59:19]Next types of operators. Unit three two questions you need to give priority.

[00:59:26]Got it? First question is data types.

[00:59:29]Second question is types of operators.

[00:59:32]In this type of operators is used to perform the operations.

[00:59:37]Arithmetic operations I know. Logical operations I know. Or any type of operations if you want to perform in a program. What do you will use? Operators you will use. Operators in a JavaScript is a symbol that performs to use the arithmetic as well as the logical operations and so on in a JavaScript. Okay? So, what type of How many types of operators are there? There are five types of operators are there.

[01:00:06]Arithmetic, assignment, relational, logical, and bitwise operator. These five types of operators you are having in your operators. First one, arithmetic.

[01:00:20]When you will use this arithmetic operator and then if you want to do plus, if you want to do minus, if you want to do into, if you want to do division, if you want to do percentage, if you want to do double plus, if you want double minus, if you want this type of things, if you want this type of symbols means, what you will use? You will use arithmetic operator. See, arithmetic operators are the mathematical operators that are used to perform the addition, subtraction, multiplication, division, modulus, increment, decrement, percentage. Yes?

[01:00:56]Got it?

[01:00:59]Easy type of thing that you are having.

[01:01:01]Next, assignment operators. When you will do assignment operators means when you want plus equal to, minus equal to, multiplication equal to. Yes?

[01:01:12]Less than equal to, more than equal to.

[01:01:15]It landed use the other than that you will use assignment operators. When you will use relation operators, when you want equal symbol, when you want not equal symbol. Yes, not equal symbol is this. Okay, when you want any type of the symbols whatever I have mentioned when mentioned in the answer, if you want to include that in your program means you will use relational operators.

[01:01:39]When you will use logical operators means when you want true or false statement. Okay, required to enable false in a what in which the angle have discussed Boolean data type and they discuss this column. It is true, it is false.

[01:01:55]If you want to got this means if you want this means what you will use, you will use logical operators. When you will use bitwise operators and or not, okay.

[01:02:08]And and not this type of symbols if you want to use means you will use bitwise operators.

[01:02:17]How many types of data types are there?

[01:02:19]Four types. Boolean, string, null and variable. That's it.

[01:02:26]Number data type. And in the operators you will have the arithmetic operators, logical operators, assignment operators, bitwise operators. Yes or no? So, logical operators this type of operators you are having. This is the third unit.

[01:02:41]That's it. If you learn these two questions means definitely one question will be in your question paper. Any doubts? In unit number four, what we have discussed, we have discussed only one question. Keyboard events and mouse events. Keyboard events means what are the activities we are performing with keyboard and what are the activities we are performing with mouse that are called keyboard and mouse events.

[01:03:07]Keyboard events is nothing about responses made by the browser or account of the users interaction or often referred to as events. In events and the keyboard events on key press on set on key up on website means on key means we will press the key in a keyboard. For example, this is your keyboard.

[01:03:31]Okay, keyboard someone press this and we will press it.

[01:03:34]That is called on key press. On select means when you're pressing that you will select the key. Yes.

[01:03:47]Keyboard I will click S letter. When I'm clicking that I'm pressing that. Yes, that is called on key press. On select means after pressing you will select that particular thing. On key up means after pressing the key when you release it the key will become up no? It will bloom up. Yes. That is called on key up.

[01:04:07]On submit means you will submit with the key. Here you will have enter button in the keyboard. If you click on that means it will submit submit your data. So these are the four events and the explanation of that.

[01:04:22]There's nothing difference in that. Got it? And after that program. Program it's your responsibility to include it. Okay?

[01:04:29]So till here it is same only. Till here it is same only. Only one line of program you need to remember here.

[01:04:35]Got it?

[01:04:40]So keyboard events are the same together. Whatever the functions we we will do in that is called keyboard events.

[01:04:49]Yes, click just a mouse click just a mouse click. On double click double click also you will do with the help of mouse. Yes or no? On drag drop drag just a mouse. Okay, drag mouse scrolling bar that just a mouse drag just a mouse. We will do like this.

[01:05:06]Yes. Next one on mouse down. You will down your mouse move mouse just a mouse move mouse just a mouse. Yes. Whatever the functions we are doing in that with the help of mouse is called mouse events. I will in the explanation part you will after explanation just small program.

[01:05:27]Okay, any program.

[01:05:31]Only only keyboard events are there. Only only mouse events are there. Let me only explain events are there. Explain event handlers are there. Event handlers is nothing about mouse and keyboard events.

[01:05:45]Got it? Unit number four got it? Any doubts you are having?

[01:05:50]In unit number five only one question that is XML question. Okay, compulsory you will find this question in your question paper. Don't worry about that.

[01:05:59]In 13th question you will find either in A or B. Okay, so XML style sheet and XML doc and XML DOM and okay. So XML is stands for Extensible Markup Language.

[01:06:15]Extensible Markup Language. It must be like HTML. XML was designed to carry data not to display data. HTML key certain program certain procedures we need to follow it. Yes? But XML is not like that. Whatever the thing you are comfortable you can use that. Okay? Then you particular format particular program particular structure we should not do that. Okay? That is called XML. XML was designed to transport and stores data with focus and what data is the XML document. Okay? So whatever the document you want to store with the help of XML we will use it. Okay? There is not at all having any structure. XML was created to structure, store and transport information. We will create the structure. Look at the structure create and and structure create this code. Yes?

[01:07:10]what is the structure of um HTML XML means see here.

[01:07:16]Bracket open. After bracket open, you should do question mark. Question mark XML version is equal to 1.0.

[01:07:24]1.0 inverted commas compulsory. Got it?

[01:07:29]Next after that, you will have the root element, child element, sub-child element. For example, your root element is phone.

[01:07:39]Okay? Phone you are selecting only Android phones. Okay? Android phones like you are selecting Oppo.

[01:07:47]Okay? Oppo opening, Oppo closing.

[01:07:50]Android open, Android close. Phone open, phone close. Right? For example, you want to do a research on university.

[01:07:58]In that Telangana universities. In that, Osmania University. Osmania University close, all of the Telangana close, all of the university close.

[01:08:11]You will have the root element, you will have the child element, you will have the sub-child element. If you click on this, it will open. If you click on this, it will open. Like that. Got it?

[01:08:22]So, this is called XML structure.

[01:08:25]So, what are the features, what are the things you are having this XML structure, what are the advantages, importance, need, scope, anything.

[01:08:33]Easily convertible. You can convert your program easily. You can secure your data and you can transfer your data easily.

[01:08:42]It is a universal language. English is a universal language. Any people can learn. Yes? XML validation it will be there. You can create a new language.

[01:08:51]You can provide the unique code. Unique code is nothing but anybody can use that code. Yes? Easy and efficient data sharing. With the help of this, you You share your data easily. So, it's a points mentioned just now like this you need to elaborate in your answer. That's it. Got it? And then over two sides more than enough.

[01:09:12]Okay?

[01:09:19]Table answer.

[01:09:21]Form and controls.

[01:09:22]CSS.

[01:09:24]Event handlers and the mouse event keyboard events. XML. Data type.

[01:09:30]Operators.

[01:09:32]Okay?

[01:09:41]Got it? That's it. I hope that you have got clarity about your web technology subject. Any doubts you are having means let me know.

[01:09:52]>> These are the top seven important questions in web technologies. I have made an analysis about this subject, Mom. So, students are asking again and again out of 10 questions also they are asking the like they are they know only seven or eight questions to read. So, that's why I'm making this video. From unit number one prepare table question. Compulsory 99.9% that is only will repeat. If not forms and controls will repeat. In unit number two that is 10th question, CSS there will be a compulsory question cascading style sheet. Okay? In unit number five that is level 13th question compulsory only one topic that is XML that is extensible markup language. XML is nothing about extensible markup language. In unit number four only one question keyboard events and mouse events. Yes? And in unit number three in the 11th question probably you are having the data type in JavaScript types of operators. So, these are the top seven important question in your web technologies for the final examination.

[01:11:00]I hope that you have got clarity. If you're having any further doubts, let me know in the comment section. If you read the seven question, 200% you will attempt the part B questions at least for the passing. Okay? So, this is all about the video. All the very best. See you all in the next video. Bye-bye, everyone.